Question

我正在尝试实现jquery selectbox脚本。我已经做了css和html标记所需的所有更改，并且选择框正常工作并且看起来很好。问题是。它不会在页面加载时自动初始化。

我必须从firebug脚本面板手动运行$("SELECT").selectBox();才能使其正常工作。我已尝试过将hte初始化命令放在页面底部，并将其放入$(document).ready()中。什么都行不通。我错过了什么？

编辑：我运行的代码涉及从服务器生成动态选择框。

Answer 1

您是否在选择框之前初始化它？它必须在它们之前初始化。并确保在执行任何jQuery之前加载jQuery。（duh）

例如：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="/path/to/jquery.selectBox.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("select").selectBox();
});
</script>

<select name="standard-dropdown">
<option value="1">Item 1</option>
<option value="2">Item 2</option>
<option value="3">Item 3 has &lt;a&gt; really long label but it won't affect the control's display at all</option>
<option value="4">Item 4</option>
<option value="5" disabled="disabled">Item 5 (disabled)</option>
<option value="6">Item 6</option>
<option value="7">Item 7</option>
<option value="8">Item 8</option>
<option value="9">Item 9</option>
<option value="10">Item 10</option>
<option value="11">Item 11</option>
<option value="12">Item 12</option>
<option value="13">Item 13</option>
<option value="14">Item 14</option>
<option value="15" selected="selected">Item 15</option>
<option value="16">Item 16</option>
<option value="17">Item 17</option>
<option value="18">Item 18</option>
<option value="19">Item 19</option>
<option value="20">Item 20</option>
 </select>

希望这有帮助。

P.S也许您可以向我们展示完整的代码，或者指向您遇到问题的链接？

Answer 2

我在Google上搜索解决类似问题的方法，但一无所获。这是浪费时间的巨大浪费。所以我将分享找到的解决方案。

我尝试在重新初始化之前删除selectbox <span class="selectbox">...</span>创建的元素及其工作。

$('#select').prev().remove();
$('#select').selectbox();

希望这会有所帮助。

Jquery selectbox脚本不能自动初始化

2 个答案: