1

たとえば、echoPHPを介してサーバーからHTMLを生成する場合は、イベントを割り当てる方が適切です。

<div>
    <input type="button" onclick="Click(123)"/>
</div>

function Click(x)
{
    var id = x;
    //Do Ajax Call
}

または、JQuery/JavaScriptでイベントを宣言するには...

<div id="123">
    <input type="button" class="myButton"/>
</div>


$(".myButton").click(function(){

   //Fetch the ID as well
   var parentID = $(this).parent('div').attr('id');
   //Then do an Ajax Call

});

ベストプラクティスはどれですか?

4

3 に答える 3

1

2番目のアプローチの方が優れています..Web 2.0標準では、onevent属性ではなく目立たないJSを使用することが推奨されているため....ただし、要素は動的に生成されるため、2番目のアプローチは機能しない可能性があります...クリックイベントを使用している最も近い静的な親on

$(document).on('click',".myButton",function(){

  //Fetch the ID as well
  var parentID = $(this).parent('div').attr('id');
 //Then do an Ajax Call

});

on()イベントの詳細を読む

于 2013-03-16T18:34:39.413 に答える
1

HTML が動的に生成されるかどうかに違いはありません。どちらの方法でも、控えめな Javascriptを使用することをお勧めします。

また参照してください: HTML で onClick() を使用するのはなぜ悪い習慣なのですか?

于 2013-03-16T18:34:52.307 に答える
0

2 番目の方法は、a) HTML コードを編集する必要がなく、b) JS コードからイベントを処理する方法が優れているため、優れています。

于 2013-03-16T18:36:58.067 に答える