多Jquery对话框'；s

我不熟悉web和Jquery，我遇到了一个问题，所以我搜索了web和stackoverflow以显示多个Jquery对话框。但是我找不到一个完美的答案，所以我想把我的问题贴在这里

我使用jquery版本

<link rel="stylesheet" type="text/css" href="CSS/flick/jquery-ui-1.8.17.custom.css">
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JSS/jquery-1.7.1.min.js"></SCRIPT>
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JSS/jquery-ui-1.8.17.custom.min.js"></SCRIPT> 

我在页面中使用的HTML代码

<div class="Im_events">
<img SRC="Image/Thumb/Thumb-1.jpg" WIDTH="237" HEIGHT="237" ALT="Adventure and Thrill" />
<div class="event_text">Adventure &amp; Thrill</div>            
</div>

冒险与冒险；激动

像上面的html代码一样，我有12个代码，每个代码都包含不同的细节，当jquery对话框上的用户clikc应该显示的内容时

我试着用

<script>
$(document).click(function() {
$("#Im_events").dialog("option","position",'center',"zIndex", 100);
$( "#Im_events" ).dialog({height: 850,width:1000,   modal: true,show: "clip",hide: "explode"});



$( "#Im_events" ).click(function() {
            $( "#Im_events" ).dialog( "open" );
            $( "#Im_events2" ).dialog( "close" );

            return false;
        });
    });

$（文档）。单击（函数（）{
$（“即时消息事件”）。对话框（“选项”、“位置”、“中心”、“zIndex”，100）；
$（“#Im_事件”）。对话框（{高度：850，宽度：1000，模式：true，显示：“剪辑”，隐藏：“爆炸”}）；
$（“#Im_事件”）。单击（函数（）{
$（“即时消息事件”）。对话框（“打开”）；
$（“即时消息事件2”）。对话框（“关闭”）；
返回false；
});
});

jQuery（函数（$）{
$（'.Im_事件'）。每个（函数（）{
$.data（此“对话框”，
$（this）.next（'.event_text'）。对话框({
自动打开：错误，
莫代尔：是的，
标题：“信息”，
宽度：600，
身高：400，
职位：[200,0]，
可拖动：错误
})
);  
})。单击（函数（）{
$.data（此“对话框”）.dialog（“打开”）；
返回false；
});  
});  

---

这两个脚本都没有解决我的问题，所以任何一个脚本都可以为我提供解决方案。

如果它有效，请在新的DIV中打开对话框。像下面的代码一样

$(document).ready(function() {
$('.Im_events').each(function() {
    var $dialog = $('<div></div>');
    var $link = $(this).one('click', function() {
        $dialog
            .load($link.attr('href'))
            .dialog({
                title: $link.attr('title'),
                width: 500,
                height: 300
            });

        $link.click(function() {
            $dialog.dialog('open');

            return false;
        });

        return false;
    });
});
});

$（文档）.ready（函数（）{
$（'.Im_事件'）。每个（函数（）{
变量$dialog=$（''）；
var$link=$（this）.one（'click'，function（）{
$dialog
.load（$link.attr（'href'））
.对话({
标题：$link.attr（'title'），
宽度：500，
身高：300
});
$link.click（函数（）{
$dialog.dialog（'open'）；
返回false；
});
返回false；
});
});
});

我发现您对大写html标记和属性的使用令人不安。这很好地工作，但它只加载了一个div，其余部分不工作。。。。我能做什么？我改变它，试试这个。如果需要对话框数据，请在其中替换它。

$(document).ready(function() {
$('.Im_events').each(function() {
    var $dialog = $('<div></div>');
    var $link = $(this).one('click', function() {
        $dialog
            .load($link.attr('href'))
            .dialog({
                title: $link.attr('title'),
                width: 500,
                height: 300
            });

        $link.click(function() {
            $dialog.dialog('open');

            return false;
        });

        return false;
    });
});
});