Question

我正在使用jQuery Chosen plugin来使选择框更美观和可搜索。由于某种原因，它似乎无法正常工作;页面上可以看到select框的所有选项。

但在其他页面上插件似乎运行正常。我不确定为什么会在特定页面上发生这种情况。我已经尝试了所有可能的方法，如删除其他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>

这是我包含jQuery和Chosen插件的标题：

<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>

和javascript，其中iam调用选择

$(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();

Answer 1

我知道这是一个老问题，但万一其他人有同样的问题：我遇到了同样的问题，所选择的选择一直保持开放，无论我做了什么。在用git中的版本替换捆绑的selected.css后，我可以解决它。某些css版本的选择

似乎存在问题

Answer 2

尝试{des pack plugins}非常完整。 http://des.delestesoft.com:8080/?go=7

jquery选择了叶子下拉列表在Firefox中打开

2 个答案: