0

Jquery モバイル UI listView を使用しています。

<div data-role="content">
                <ul data-role="listview" data-inset="true" data-theme="a">

                    <li>
                        <a href="Area.aspx">Area</a>
                    </li>

            </div>

「Area.aspx」ページには、Kendo UI グリッドがあります。

<div id="example" class="k-content">
            <div id="clientsDb">

                <div id="grid" style="height: 380px"></div>

            </div>

            <style scoped>
                #clientsDb {
                    width: 692px;
                    height: 413px;
                    margin: 30px auto;
                    padding: 51px 4px 0 4px;
                    background: url('web/grid/clientsDb.png') no-repeat 0 0;
                }
            </style>

            <script type="text/javascript">
                $(document).ready(function () {
                    $("#grid").kendoGrid({
                        dataSource: {
                            data: createRandomData(50),
                            pageSize: 10
                        },
                        groupable: true,
                        sortable: true,
                        pageable: {
                            refresh: true,
                            pageSizes: true
                        },
                        columns: [{
                            field: "FirstName",
                            width: 90,
                            title: "First Name"
                        }, {
                            field: "LastName",
                            width: 90,
                            title: "Last Name"
                        }, {
                            width: 100,
                            field: "City"
                        }, {
                            field: "Title"
                        }, {
                            field: "BirthDate",
                            title: "Birth Date",
                            template: '#= kendo.toString(BirthDate,"dd MMMM yyyy") #'
                        }, {
                            width: 50,
                            field: "Age"
                        }
                        ]
                    });
                });
            </script>
        </div>

私の問題は、リンクをクリックするとエリアページがナビゲートされないことです。Jquery の読み込みイメージが表示されたままになっています。

4

1 に答える 1

1

これは、jquery Mobileが<a>タグをインターセプトし、AJAXを使用して、ページを直接変更するのではなく、HTMLでページをナビゲートするためです。この結果、「Area.aspx」のJavaScriptは実行されません。

この問題を修正するには、URLにとを追加data-ajax="false"しますrel="external"。

jquery Mobileの詳細については、jquery mobile apiを参照してください：http：
//jquerymobile.com/demos/1.0a3/docs/pages/docs-pages.html

または、この問題に関する私のブログ：http:
//demanstudio.blogspot.com/2013/02/javascript-do-not-execute-in-jquery.html

<a href="Area.aspx" rel="external" data-ajax="false">Area</a>
于 2013-02-28T10:40:04.843 に答える