jquery - 带有jquery的div弹出窗口

Question

我总共有 4 个 div 标签。对于每个我都添加了一个类属性作为项目，因为我为每个 div 都有大约 2 个 span 标签。

网址:http://jsfiddle.net/varunms/a9tZx/

例如:

<div class="item">
    <span class="postname"> This is 1 post </span>
    <span class="decs" >1</span>
</div>

<div class="item">
    <span class="postname"> This is 2 post </span>
    <span class="decs" >2</span>
</div>

如果我点击一个包含This is post 2 的 div，我需要获取带有该消息的 pop

Answer 1

使用jQuery.dialog()在 jQuery UI 库中:

$(".item").each(function() {
    $(this).bind("click", function() {
        $(this).dialog({
            modal: true
        });
    });
});​​​​​​​​​​​​​​​​​​​

快速演示:jsfiddle demo