jQuery點擊 - 第1頁加載時不起作用，但在頁面重新加載時起作用

Question

jQuery點擊函數有問題。我正在嘗試將jQuery Mobile Autocomplete整合到C＃MVC應用程序中。

下面的代碼在第一次加載頁面時不起作用。但是，如果我重新加載/刷新頁面，它將起作用。

HTML：

 <ul data-role="listview" class="selectitems" data-filter="true" data-inset="true" data-filter-reveal="true" data-filter-placeholder="Search Ingredients..."> 
      @foreach (var i in Model.ingredientList){ 
       <li data-id="@i.id" data-unit="@i.useUnit.symbol"><a href="#" class="ui-screen-hidden">@i.title</a></li> 
      } 
     </ul> 

腳本：

<script src="/Scripts/jquery-1.9.1.min.js" type="text/javascript"></script> 
    <script src="/Scripts/jquery.mobile-1.3.2.min.js" type="text/javascript"></script> 


    $(document).ready(function() { 
     $('.selectitems > li').on('click', function() { 
      $('input[data-type="search"]').val($(this).text()); 
      $("ul:jqmData(role='listview')").children().addClass('ui-screen-hidden'); 
      $('#hdnIngredientID').val($(this).data('id')); 
      $('#txtUseQtyDetails').val($(this).data('unit')); 
      $('#hdnIngredientTitle').val($(this).text()); 
      $('#txtQty').focus(); 
     }); 

     $('.ui-input-clear').on('tap', function() { 
      $('#hdnIngredientID').val(''); 
      $('#txtUseQtyDetails').val(''); 
     }); 
    }); 

任何援助將不勝感激。

UPDATE：

jQuery的移動自動完成隱藏列表項，直到用戶輸入發生使用CSS 「顯示：無;」。這會阻止分配點擊功能嗎？如果是這樣，我該如何解決這個問題？

進一步更新：

發現 「活」 的功能被貶值了。改爲「開」。不幸的是這並沒有解決:-(

這可能是因爲「禮」項目是由CSS隱藏在頁面加載問題

我已經在這裏部署它：

http://rar_mobile_dev.runarestaurant.com/Ingredient/Create?recipe_id=15240

（用戶名：test，密碼：測試）。

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.