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

Question

我的jQuery click函數有問題。 我正在嘗試將jQuery Mobile自動完成功能集成到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('');
        });
    });

任何援助將不勝感激。

更新：

jQuery-mobile自動完成功能會隱藏列表項，直到使用CSS“ display：none;”進行用戶輸入為止。 這會阻止分配點擊功能嗎？ 如果是這樣，我該如何解決？

進一步更新：

發現“實時”功能已被貶值。 改為“ on”。 不幸的是，這不能解決問題:-(

可能是因為加載頁面時CSS隱藏了“ li”項嗎？

我已經在這里部署了它：

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

（用戶名：test，密碼：test）

Answer 1

您可以嘗試使用on（）代替click。

$(document).on('click', '.selectitems > li', 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();
});