4

こんにちはすべて私は私のモバイルアプリケーションの2つのhtmlファイルがpage1.htmlとpage2.htmlと言うと思います。page2.htmlに1つのテーブルがあり、行をクリックするとアラートが表示されました。page1からpage2.htmlに移動すると、テーブルをクリックするとアラートボックスが1回表示されます。戻るボタンを押すと、page1.htmlに移動します。もう一度page2.htmlに移動し、テーブルの行をクリックすると、今回はアラートが2回表示されます。page1に戻ってpage2.htmlに戻ると、今度は行をクリックするとアラートが3回表示されます...

私のpage2.htmlテーブルは次のようになります。

<div id="myTable"  align="center"  data-theme="b"></div>
        <script type="text/javascript"> 

var theader = '<table border="1" id=\"tableId\">\n';

                    var colheader = '<tr id="headingtab" bgcolor="#D68B8B"><th>Name</th><th>Address</th><th>City</th><th>LTP</th><th>State</th><th>Country</th><th>Mob No</th></tr>\n';
                    tbody = colheader; 


                    tbody += '<td>';
                        tbody += "QQQQQQQQQQQQQQQQQQQQQ";
                        tbody += '</td>';

                        tbody += '<td>';
                       tbody += "QQQQQQQQQQQQQQQQQQQQQ";
                        tbody += '</td>'

                        tbody += '<td>';
                        tbody += "QQQQQQQQQQQQQQQQQQQQQ";
                        tbody += '</td>'

                        tbody += '<td>';
                       tbody += "QQQQQQQQQQQQQQQQQQQQQ";
                        tbody += '</td>'

                        tbody += '<td>';
                        tbody += "QQQQQQQQQQQQQQQQQQQQQ";
                        tbody += '</td>'

                        tbody += '<td>';
                        tbody += "QQQQQQQQQQQQQQQQQQQQQ";
                        tbody += '</td>'

                        tbody += '<td>';
                        tbody += "QQQQQQQQQQQQQQQQQQQQQ";
                        tbody += '</td>'                             


                        tbody += '</tr>\n';

                        var tfooter = '</table>';
                        document.getElementById('myTable').innerHTML = theader + tbody + tfooter;

                        </script>


 <script type="text/javascript">


            $("#tableId tr td").live("click",function()
            {    
                console.log("??????????????????????????????");

                alert("Row Click");

            });


    </script>
    </div>

クリックごとに1回だけアラートを表示したい。どうやってするか？どんな助けでもありがたいです。前もって感謝します。

4

4 に答える 4

0

私がe.stopImmediatePropagation();として使用する場合：

$("#tableId").die('click', 'tr td').live('click', 'tr td', function (){
            alert ("Click");
            e.stopImmediatePropagation();

            });

次に、適切な結果が得られますが、 `e.stopPropagation（）;を使用すると その後、それは動作しません。

ちなみにfredrik,Ashirvad Singh,Arjun T Raj 皆さんの時間と対応に感謝します。他の提案はありがたいです。ありがとう。

于 2012-08-21T12:33:08.293 に答える