jquery flexbox？

Question

我现在正在使用FlexBox插件来制作搜索框，一切都很好，但是我怎样才能让css与搜索框(用flexbox下载的css文件)完美地协同工作呢？

我有以下的html

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

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

</form>

和flexbox回调

$(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'
  });

  });

Answer 1

在Chrome中打开页面。右键单击，然后单击Inspect Element

您需要为在inspect element期间看到的代码创建一个CSS样式表。

或者，您可以在查看页面时使用它来查看HTML DOM中的实际内容。

html：

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

jQuery

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

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