0

現在、FlexBox プラグインを使用して検索ボックスを作成していますが、すべて正常に動作しますが、css を検索ボックス (flexbox でダウンロードした css ファイル) と完全に連携させるにはどうすればよいですか?

私は次のhtmlを持っています

<form action="result.php" method="post">

        <div id="suggest"></div>

</form>

フレックスボックスのコールバック

$(function(){

// begin to write 
$("#suggest").flexbox('back/search.php', {
    width: 350,
    method: 'post',
    watermark: 'Enter value',
    noResultsText: 'No Value',
    maxVisibleRows: 8,
    containerClass: 'ffb',
    contentClass: 'content',
    inputClass: 'ffb-input',
    arrowClass: 'ffb-arrow'
  });

  });
4

1 に答える 1

2

Chrome でページを開きます。右クリックしてクリックInspect Element

中に表示されるコードの CSS スタイルシートを作成する必要がありますinspect element。

または、これを使用して、ページを表示しているときに実際に HTML DOM にあるものを表示することもできます。

html:

<textarea id="whats_in_dom"></textarea>

jQuery

$('textarea').text($('/*container holding flexbox*/').html());

例: http://jsfiddle.net/DGDrx/

于 2011-09-23T19:44:26.107 に答える