JQuery Flexbox?

Question

Я сейчас использую плагин FlexBox для создания окна поиска, все работает нормально, но как мне сделать так, чтобы css прекрасно работал с окном поиска (файл css, загруженный с 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'
  });

  });

Answer 1

Открыть страницу в 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/