gpt4 book ai didi

javascript - Bootstrap-formhelpers 选择框

转载 作者:行者123 更新时间:2023-11-30 17:45:13 24 4
gpt4 key购买 nike

我有一个带有 Bootstrap 选择框的网页。

当我使用

<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 代码都停止工作。

除此之外,无法以某种方式切换选择框。我从 bootstrap 和 bootstrap-formhelpers 站点添加了每个 css 和 js 文件。

我用来切换选择框的 javascript 代码:

<script type='text/javascript'>

$(document).ready(function() {

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

$().bfhselectbox('toggle');

});
});

</script>

还有谁遇到过这个问题吗?

最佳答案

我会说你可能以错误的顺序加载了你的资源。确保它们是这样的:

CSS:

  • bootstrap.css
  • bootstrap-formhelpers.css
  • 你的应用程序.css

JS:

  • jquery.js
  • bootstrap.js
  • bootstrap-formhelpers.js
  • 你的app.js

关于javascript - Bootstrap-formhelpers 选择框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20283909/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com