0

各製品の概要を表示するグリッドビューがあります。ユーザーが 1 つの行をクリックすると、行がクリックされた製品の詳細を表示する jQuery ダイアログが表示されるようにします。

Web フレームワークは ASP.NET であるため、<td>要素がブラウザー ソースでどのように表示されるかを以下に示します。

<td id="_ctl0_contentMain_gvListOfProducts__ctl13_cRef" align="left"
onclick="getProductInfo(10244);" style="width:10%;cursor:pointer;">Sneakers</td>

ダイアログに使用されるはずのdivもあります

<script type = "text/javascript">
    function getProductInfo(id) {
       //TO DO: Add jQuery functionality here to display dialog
    }
</script>

助けてくれてありがとう

4

2 に答える 2

3

はい、もちろん。jQueryはJavaScriptです

于 2012-12-04T18:46:34.387 に答える
1

必要なのは、各行に一意のIDとクラスを指定してから、jquery関数の1つを呼び出して製品の詳細をロードすることだけです。

    $('.row').live('click', function (e) {
                    e.preventDefault();
                    var id = this.id;


                return false;
            });

上記のコードは、すべての行のクリックイベントを「row」クラスにバインドします。次に、ご覧のとおり、IDを取得して、必要な処理を実行できます。

于 2012-12-04T18:50:58.207 に答える