1

foreach ループで、いくつかの div を作成しています (mysql データベースから取得した内部の段落を使用)。それらをクリック可能にしたい(/それらをjqueryに接続する)。

問題 1: 一意の ID を持つ div を作成する方法は?

私の解決策:カウンターを作成し、この属性を使用しますid="divclick<?php echo htmlspecialchars($count);?>"

問題 2: すべての div をサポートする 1 つの jquery を作成する方法は?

私の未完成の解決策: $(document).ready(function(){ $("#divclick").focus(function(){ $("#buttonoption").animate({width:'toggle'}); });

では、jquery を微調整して、すべての div に反応するようにするにはどうすればよいでしょうか。

4

1 に答える 1

0

単純。共有クラスとdata-属性を使用します。

FIDDLE

<div data-button="<?php echo $count; ?>" id="divclick<?php echo htmlspecialchars($count); ?>" class="sharedclass"></div>

次に、次のように jQuery でクリック イベントをバインドできます。

$(document).on('click', '.sharedclass', function() {
    $("#buttonoption" + $(this).data('button')).animate({width:'toggle'});
});
于 2013-08-12T19:02:10.123 に答える