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，那么为什么要使用 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();
    });
});

jsFiddle