jquery - jQuery 関数に引数を渡す

Question

<div>クリック可能な があります。コード：

<div
    onclick="clicked(this);"
    class="green-column"
    id="infoblock"
    data-type="<?php echo $descriptions[description];?>">
        <i class="icon-ok"></i>
</div>

$descriptions[description]JavaScript を使用せずに、ポップアップ メッセージとしてユーザーに表示する必要がありますalert()。使用しようとしましModalたが、メッセージを渡す方法が見つかりませんでした。誰でもこれで私を助けてもらえますか?

Answer 1

<div
    onclick="clicked(this);"
    class="green-column"
    id="infoblock"
    data-type="<?php echo $descriptions[description];?>">
        <i class="icon-ok"></i>
</div>

<div id="example"></div>

function clicked(desc) {
    $('#example').html(desc);
    $('#example').html(desc).dialog();
}

Answer 2

jQueryを使用している場合、なぜ使用するのonclickですか? ダイアログをオンザフライで作成できます。

マークアップ:

<div class="green-column infoblock" data-type="description1">
    <i class="icon-ok"></i>
</div>
<div class="green-column infoblock" data-type="description2">
    <i class="icon-ok"></i>
</div>

JS:

$(function() {
    $(".infoblock").click(function() {
        $("<div>" + $(this).attr("data-type") + "</div>").dialog();
    });
});

jsフィドル