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();
    });
});

<强> jsFiddle

将参数传递给jQuery函数

2 个答案: