jQuery的Flexbox的? [英] jquery flexbox ?

问题描述

我现在正在使用FlexBox插件制作搜索框，一切正常，但如何使CSS与搜索框(随Flexbox下载的CSS文件)完美配合使用

I'm using right now FlexBox plugin to make search box, everything work fine but how can i make the css work perfectly with the search box ( the css file that downloaded with flexbox )

我有以下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'
  });

  });

推荐答案

在Chrome中打开页面.右键单击并单击Inspect Element

Open the page in Chrome. Right click and click Inspect Element

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

You need to create a CSS Stylesheet for the code that you see during inspect element.

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

Alternatively, you could use this to view what's actually in the HTML DOM when you are viewing the page.

html:

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

jQuery

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

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

这篇关于jQuery的Flexbox的?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！