<p class="sougouContent"> </p> <p class="tag"> jQuery ajax </p> <br> <head> <br> <script type="text/javascript"> <br> $(function() { <br> bindingResize(document.getElementById('menu')); <br> //ツリーメニュー <br> $("#browser " ).treeview(); <br> //Display the number of rows a=10 <br> var xshs = 10; <br> c=100 var zhs; var cs = 1; <br> . ) { <br> alert('dblclick'); 1>span ') .remove (); <br> xshs = 1; <br> cs = 1; を削除します。 ); $ .post( 'dataservers.ashx'、{ccid: "h_xuxu"} {= xshs * ymsy; i&lt; xshs *(ymsy+1); i ++){ td&gt; ' + +'&lt;/lt;/tr&gt; ';Zhs = data; xsym(ymsy);以来、alert('これが最後のページです! '); <br>//返されたデータが最後の行です} ymsy == 10 * cs){zhs、xshs、ymsy、cs;方法は一緒に click(function() { <br> msy - 1; y ymsy = 0; <br> アラート(' すでに最初のページです! '); <br>else { <br> gt;10、前のページをクリックしてください。最初のスパンに戻る <br> alert('Scs' + cs ; ; <br> <br> aa(10, ymsy) }); {<br> ymsy = 0; <br> var htmspan = "" ""; <br> // If & lt; 9 <br> if (zhs/xshs & lt; 9) {<br> $ ('#span & gt; span') ); Y ファニー (ymsy+1、PARSEINT (zhs/xshs)+1、htmspan);cs = 1; 、zhs/xshs、htmspan)<br>// cs ymsy = parseint(ymsy)-1の値をリセットします fanYe(parseInt(zhs / (10 * xshs)) * 10 + 1, parseInt(zhs / xshs) + 1, htmSpan); <br> ymsy = parseInt(ymsy); <br> lastaaa(10, ymsy, zhs); <br> } <br> // alert('YMSY' + ymsy); <br> //显示页码 <br> xsym(ymsy); <br> // alert(cs); <br> }); <br> //表格隔行变色 <br> $('tbody>tr:odd').addClass('odd'); <br> $('tbody>tr:even').addClass('even'); <br> }, 'json'); <br> }); <br> <br> }) <br> </script> <br> </head> <br> <body> <br> <div id="header"> <br> <div id="head"> <br> </div> <br> </div><%--内容--%> <br> <div id="contents"> <br> <div id="menu"> <br> <div id="menu1"> <br> <ul id="browser" class="filetree treeview-famfamfam"> <br> <li><span class="folder">信息</span> <br> <ul> <br> <li><span class="folder">用户</span> <br> <ul> <br> <li><span class="file">0</span></li> <br> <li><span class="file">1</span></li> <br> </ul> <br> </li> <br> </ul> <br> </li> <br> </ul> <br> </div> <br> <div id="roll"></div> <br> </div> <br> <div id="content"> <br> <div id="cxtj"><em> <br> <input id="Button1" type="button" value="Click" /></div> <br> <div id="Div1"> <br> <table class="gridtable1" title=""> <br> <tr> <br> <th>Id</th> <br> <th>Category</th> <br> <th>Name</th> <br> </tr> <br> <tr><td colspan="3">暂无数据!</td></tr> <br> </table> <br> </div> <br> <div id="fenYe"> <br> <div>< <span id="first">首页</span> <span id="prev">上一页 </span><em id="sp1"></em> <br> <span id="next">下一页</span> <span id="last">尾页</span> ></div> <br> </div> <br> </div> <br> </div> <br> </body> <br> </html> <br>以下はjs,//行索引绑定データによる <br> function aaa(xshs, ymsy, zhs) { <br> $('table>tbody>tr>td').remove(); <br> $.post('dataServers.ashx', { ccid: "h_xuxu" }, function(data) { <br> var html = ''; <br> for (i = xshs * ymsy; i < xshs * (ymsy + 1) ; i++) { <br /> html += '<tr><td>' + data[i].id + '</td><td>' + data[i].category + '</td> ;<td>' + data[i].name + '</td></tr>' <br> $('.gridtable1').append(html); ; <br> } <br> //尾页处処理 <br> function lastaaa(xshs, ymsy, zhs) { <br> $('table>tbody>tr>td').remove(); <br>$ .post( 'dataservers.ashx'、{ccid: "h_xuxu"}、function(data){<br>var html = ''; += '<tr><td>' + data[i].id + '</td><td>' + data[i].category + '</td><td>' + data[i].name + '</td></tr>' <br> } <br> $('.gridtable1').append(html); <br> } <br> /*翻页方法*/ <br> // 翻页核心方法 <br> function fanYe(scc, sclen, htmSpan) { <br> for (var i = scc; i <= sclen; i++) { <br /> htmSpan += 」 <span class=i' + i + '>[' + i + ']</span>'; <br /> } <br /> $('#sp1').append(htmSpan); <br /> } <br /> //初化翻訳页 <br /> function fy(zhs, xshs, ymsy, cs) { <br /> //判断页面が10页より大きいかどうか <br /> var htmSpan = ''; <br /> if (zhs / xshs > 10 * cs - 1) { <br> //加下显示1-10span <br> fanYe(ymsy + 1, 10 * cs, htmSpan); <br> } else { <br> fanYe(ymsy + 1, parseInt(zhs / xshs) + 1, htmSpan); <br> } <br> } <br> //点击下一页翻页 <br> function nfy(zhs, xshs, ymsy, cs) { <br> var htmSpan = ""; <br> if (ymsy == 10 * cs) { <br> //如果有后十页 <br> if (parseInt(zhs / xshs) > 10 * (cs + 1) - 1) { <br> $('#sp1>スパン' )。取り除く(); <br> htmSpan = ''; <br> fanYe(YSY + 1, YSY + 10, htmSpan); <br> // alert('>' + cs); <br>} else if (zhs % xshs == 0 && zhs / (xshs * 10) > cs) { <br> $('#sp1>span').remove(); <br> <br> fanYe(ymsy + 1 , ymsy + 10, htmspan); ymym = ymsy + 1; <br> //選択された他のページを移動します <br> $('#sp1>span').removeClass('selected'); - ymym + '').addClass("selected");発生した問題は、$('#Button1') が初めてクリックされたときはコード ロジックが正常であり、$( '#Button1') が再度クリックされたときにページをめくることができるのに、ymsy の値が変更できないことです。次のページをクリックすると、次のページ イベントが 2 回トリガーされます。 jQuery の専門家に答えを聞いてください。 ! ! <br> <br> <br> ディスカッションへの返信 (解決策) <br> <br> イベントを繰り返しバインドする場合は、そのイベントが以前にバインドされているかどうかを判断するためにグローバル変数を使用することができます。 <br> <br> イベントを繰り返しバインドする場合は、そのイベントがすでにバインドされているかどうかを判断する必要があります。判断するには、グローバル変数を使用できます。 <br>具体的な判断方法を詳しく教えてください<br> <br> <br> <br> 1階のdatiexiongさんからの返信を引用: イベントを繰り返しバインドする場合は、そのイベントが以前にバインドされているかどうかを判断する必要があります。グローバル変数を使用して判断できます。 <br>具体的な判断方法を詳しく教えてください<br> var button1Click = false; <br> $('#Button1').click(function(){ <br> if(!buttonClick) <br> { <br> buttonClick=true; <br> //元々バインドされているイベントのコード <br> } <br> }); <br> 2 階の h_xuxu からの返信を引用: 1 階の datiexiong からの返信を引用: イベントを繰り返しバインドするときは、そのイベントがすでにバインドされているかどうかを判断する必要があります。グローバル変数を使用して判断できます。 <h2>具体的な判断方法を詳しく教えてください</h2> var button1Click = false; <p class="sougouAnswer"> $('#Button1').click(function(){ </p> if(!buttonClick) <p class="sougouAnswer"> { <br> buttonClick=true; </p> …… <p class="sougouAnswer"> これは可能です$('#Button1') を複数回クリックすることによって引き起こされる混乱を解決するには、$('.btn') の種類のボタンをクリックしても実行されるようにするにはどうすればよいですか?</p> <p class="sougouAnswer"> 3階のdatiexiongさんの回答より引用: 2階のh_xuxuさんの回答より引用: 1階のdatiexiongさんの回答より引用: イベントを繰り返しバインドする場合、そのイベントが既にバインドされているかどうかを判定する必要があります。判定にはグローバル変数を使用できます。 <br>具体的な判断方法を詳しく教えてください<br> var button1Click = false; <br> $('#Button1').click(function(){ <br> if(!buttonClic... <br> setAttribute(を使用してbtnに属性を追加できます) "clicked ",true), <br> getAttribute("clicked") が false または未定義の場合はバインドされていないとみなされます </p> <p class="sougouAnswer"> 4 階からの引用 h_xuxu さんの回答: 3 階からの引用datiexiong さんの回答: 引用 2 Lou h_xuxu さんの回答: 1 階の datiexiong さんの回答を引用: イベントを繰り返しバインドする場合、イベントがバインドされているかどうかを判断する必要があります。詳しく説明してください <br> var button1Click = false; $ ('#Button1').click(function(){...... <br> ありがとうございます。前のページ、次のページ、最初のページに $(element).unbind('click') を追加しました。と最後のページ、それぞれ;$(element).bind('click');、解決しました、ありがとう<br>。</p>