Question

jquery如何实现——点击某一个div,弹出一个对话框？

代码如下：

<li>
<div id="sign0" class="sign-area"></div>
<div id="sign1" class="sign-area"></div>
<div id="sign2" class="sign-area"></div>
<div id="sign3" class="sign-area"></div>
<div id="sign4" class="sign-area"></div>
<div id="sign5" class="sign-area"></div>
//注意，下面还有很多id不同的div，这里省略了
</li>

我想实现——只点击某一个div, 弹出一个对话框。该怎样去写jquery代码呢?

Answer 1

你好！！

只点击某一个div, 弹出一个对话框？具体什么含义??

$(function(){
    $("li >div").click(function(){
        alert( this.outerHTML );
    });
});

追问

弹出框实质是个遮罩。
如下示例：
$.zxxbox($('#information'), {drag: true});
$('#sign-information-success').text(“参数”+ num); // 重点：每个div有不同的参数

$('#information-close').bind('click',function(){ $.zxxbox.hide(); });

追答

$(function(){
    $("li >div").click(function(){
        $.zxxbox($('#information'), {drag: true});
        $('#sign-information-success').text( $(this).text() + num);  // 重点：每个div有不同的参数
        $('#information-close').bind('click',function(){  $.zxxbox.hide(); });
    });
});

Answer 2

这问题问题有点基础

  $(function () { $(".sign-area").click(function () { alert('OK') })    })

Answer 3

<div id="d1" style="border:1px solid;width:20px;height:200px;"></div>

$(function(){
$("#d1").click(function(){
alert("这是对话框");

});

});