Поле выбора Bootstrap-formhelpers

Question

У меня есть веб-страница с селектором начальной загрузки.

Когда я использую

<div class = "bfh-selectbox">
    <input type = "hidden" name = "selectbox1" value = "">
    <a class = "bfh-selectbox-toggle" role="button" data-toggle="bfh-selectbox" >
    <span class = "bfh-selectbox-option input-medium" data-option="1">Option 1</span>  
    <b class = "caret"></b>
    </a>
    <div class = "bfh-selectbox-options">
        <input type="text" class="bfh-selectbox-filter">
        <div role="listbox">
            <ul role="option">
                <li class = "reg-select"><a tabindex="-1" href="#" data-option="1">Option 1</a></li>
                <li class = "reg-select"><a tabindex="-1" href="#" data-option="2">Option 2</a></li>
                <li class = "reg-select"><a tabindex="-1" href="#" data-option="3">Option 3</a></li>
                <li class = "reg-select"><a tabindex="-1" href="#" data-option="4">Option 4</a></li>
                <li class = "reg-select"><a tabindex="-1" href="#" data-option="5">Option 5</a></li>
            </ul>
        </div>
    </div>
</div>

каждый код JavaScript на странице перестает работать.

Кроме того, окно выбора не может быть переключено каким-либо образом. Я добавил все css и js файлы с сайта bootstrap и bootstrap-formhelpers.

Мой код JavaScript, чтобы переключить окно выбора:

<script type='text/javascript'>

    $(document).ready(function() {

            $('.reg-select').click(function() {

                    $().bfhselectbox('toggle');

            });
    });

</script>

Кто-нибудь еще, кто имел какие-либо проблемы с этим?

Answer 1

Я бы сказал, что ваши ресурсы загружены не в том порядке. Убедитесь, что они идут так:

CSS:

• bootstrap.css
• самозагрузки-formhelpers.css
• yourapp.css

JS:

• jquery.js
• bootstrap.js
• самонастройки-formhelpers.js
• yourapp.js