jqueryselected在Firefox中打开下拉列表
我正在使用jQuery使选择框更加美观和可搜索。由于某种原因,它似乎不能正常工作;jqueryselected在Firefox中打开下拉列表,jquery,jquery-ui,jquery-plugins,jquery-chosen,Jquery,Jquery Ui,Jquery Plugins,Jquery Chosen,我正在使用jQuery使选择框更加美观和可搜索。由于某种原因,它似乎不能正常工作;选择框的所有选项都在页面上可见 但在其他页面上,该插件似乎运行良好。我不知道为什么这会发生在某一页上。我尝试了所有可能的方法,比如删除其他javascript,上下移动,但仍然没有成功。关于如何解决此问题,有何指导 示例HTML块 <tr> <td class="right">Site: <span class="required">*</span></
选择
框的所有选项都在页面上可见
但在其他页面上,该插件似乎运行良好。我不知道为什么这会发生在某一页上。我尝试了所有可能的方法,比如删除其他javascript,上下移动,但仍然没有成功。关于如何解决此问题,有何指导
示例HTML块
<tr>
<td class="right">Site: <span class="required">*</span></td>
<td class="left">
<select name="tkr.site.id" id="site_id_list" class="chzn-select" style="display: block;width:200px">
#{list items:site_list, as:'site'}
#{if tkr.site && site.id == tkr.site.id}
<option value="${site.id}" selected>${site.name} (${site.shortname})</option>
#{/if}
#{else}
<option value="${site.id}">${site.name} ( ${site.shortname} ) </option>
#{/else}
#{/list}
</select><br/>
<span class="error">#{error 'tkr.site' /}</span>
</td>
</tr>
试试{des pack plugins}是非常完整的。
我知道这是个老问题,但如果其他人也有同样的问题: 我也遇到了同样的问题,无论我做了什么,选择的选择始终是开放的。 在我用git的版本替换bundled selected.css之后,我可以解决这个问题。
所选的某些css版本似乎有问题也许您要调用它两次?没有iam只调用一次,请发布您正在使用的HTML和jQuery代码。您在该页面的控制台日志中是否有任何错误?@Morpheus没有iam在控制台上没有任何错误,在chrome中,它在firefox中正常工作,它坏了。
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/jquery.treeview.css'}" type="text/css" />
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/comments.css'}">
<link rel="stylesheet" type="tdeext/css" media="screen" href="@{'/public/stylesheets/chosen.css'}">
<script src="@{'/public/javascripts/jquery-1.4.2.min.js'}" type="text/javascript" charset="utf-8"></script>
<script src="@{'/public/javascripts/chosen.jquery.js'}" type="text/javascript" charset="utf-8"></script>
$(document).ready(function() {
$("form").submit(makeDateTimeProper);
if ($("input[name=query]").length > 0 )
{
$("input[name=query]").corner();
$("input[name=query]").focus();
}
$(".chzn-select").chosen();
var sdattime = $("#content input[name=tkr.startdatetime1]").val();
var edattime = $("#content input[name=tkr.enddatetime1]").val();