Bootstrapのドロップダウンはクリックされると閉じてしまう

質問

ブートストラップのドロップダウン内にフォームを設置しましたが、フォーム内のフィールドをクリックすると、ドロップダウンが消えてしまいます。私はこのコードの部分を持っていますが、ドロップダウンが消えるのを防ぐためにどこにそれを置くべきかわかりません。

$(function test() {
  // Setup drop down menu
  $('.dropdown-toggle').dropdown();

  // Fix input element click problem
  $('.dropdown input, .dropdown label').click(function(e) {
    e.stopPropagation();
  });
});

どなたか、これをどこに置けばいいのか教えていただけませんか？私はbootstrap-dropdownで試してみましたが、私はHTMLの中で試してみましたが、それはまだ動作しません。

どのように解決するのですか？

この例を参考にしてください。

<script type="text/javascript">
window.addEvent('domready',function() {    
   Element.prototype.hide = function() {
      $(function () { 
        // replace your tab id with myTab
        //<ul id="myTab" class="nav nav-tabs">
        $('#myTab li:eq(1) a').tab('show');
      });      
   };
});
</script>

お役に立てれば幸いです。ありがとうございます。