2012-12-14 60 views
1

我正在使用jQuery Chosen plugin使選擇框更加美觀和可搜索。由於某種原因,它似乎無法正常工作。 select框的所有選項都可以在頁面上看到。jQuery選擇在Firefox中打開的下拉列表

但在其他頁面上,插件似乎工作正常。我不確定爲什麼這會發生在特定頁面上。我嘗試了所有可能的方式,像刪除其他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的和所選擇的插件頭:

<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();   
+0

也許你是這樣調用它兩次? – Morpheus

+0

沒有iam只打一次 –

+0

您可以發佈您正在使用的HTML和jQuery代碼。 –

回答

2

我知道這是一個老問題,但萬一別人有同樣的問題: 我經歷了同樣的問題和所選擇的選擇下榻開放所有的時間,無論我做什麼。 我用git的版本替換了捆綁的chosen.css後,我可以解決它。 似乎有一些選定的css版本的問題