打开多个Jquery UI对话框。每个都有不同的内容_Jquery_User Interface_Dialog

打开多个Jquery UI对话框。每个都有不同的内容

jquery user-interface

打开多个Jquery UI对话框。每个都有不同的内容,jquery,user-interface,dialog,Jquery,User Interface,Dialog,老实说，我已经为此工作了大约两周，并尽可能多地进行研究。我所要做的就是在一个网站的侧面有各种各样的图片。单击其中一个按钮时，将显示一个对话框，其中包含内容。我可以让一个对话框工作，但第二个无法打开对话框。我尝试过使用.dialog（'open'）命令，但似乎没有达到目的。这是到目前为止我所掌握的代码，如有任何帮助，将不胜感激 <BODY> <LINK rel=stylesheet type=text/css href="css/ui-lightness/jquery-ui-1

老实说，我已经为此工作了大约两周，并尽可能多地进行研究。我所要做的就是在一个网站的侧面有各种各样的图片。单击其中一个按钮时，将显示一个对话框，其中包含内容。我可以让一个对话框工作，但第二个无法打开对话框。我尝试过使用.dialog（'open'）命令，但似乎没有达到目的。这是到目前为止我所掌握的代码，如有任何帮助，将不胜感激

<BODY>

<LINK rel=stylesheet type=text/css href="css/ui-lightness/jquery-ui-1.8.18.custom.css"> 
<SCRIPT type=text/javascript src="js/jquery-1.7.1.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="js/jquery-ui-1.8.18.custom.min.js"></SCRIPT>

<A id=infopic href="#"><IMG style="Z-INDEX: 101; POSITION: absolute; TOP: 210px; LEFT: 211px" border=0 src="iconplace.png"></A> 

<DIV style="DISPLAY: none" id=info>info</DIV>

    <SCRIPT language=javascript type=text/javascript>

  $("#infopic").click(function() {

        $("#info").dialog({
            autoOpen:"false", 
            stack:"true",
            height: "600",
            width: "700",
            resizable: "false",
            Title: "Info"
            });

     })

    </SCRIPT>

<A id=portfoliopic href="#"><IMG style="Z-INDEX: 102; POSITION: absolute; TOP: 102px; LEFT: 390px" border=0 src="iconplace.png"></A>

<DIV style="DISPLAY: none" id=portfolio title=Portfolio>Portfolio pics</DIV>

  <SCRIPT language=javascript type=text/javascript>

  $("#portfoliopic").click(function() {

        $("portfolio").dialog({
            autoOpen:"false", 
            stack:"true",
            height: "600",
            width: "700",
            resizable: "false"
            });

     })

    </SCRIPT>


</BODY></HTML>


信息
$（“#infopic”）。单击（函数（）{
$（“#信息”）。对话框({
自动打开：“假”，
堆栈：“真”，
高度：“600”，
宽度：“700”，
可调整大小：“false”，
标题：“信息”
});
})
组合图片
$（“#portfoliopic”）。单击（函数（）{
$（“投资组合”）。对话框({
自动打开：“假”，
堆栈：“真”，
高度：“600”，
宽度：“700”，
可调整大小：“false”
});
})

另一方面，这在Firefox或Safari中不起作用，但在Google Chrome和IE中起作用。对此的任何推测都会很有帮助。

更改

$（“公文包”）.dialog（{

到

$（“#公文包”）.dialog（{

。这应该可以让第二个对话框正常工作

我再次重复@Ohgodwhy关于清理代码的建议。

您需要清理代码。您的所有id和标题都缺少引号，与“语言”和“类型”属性相同。所有内容都需要封装在“。我现在觉得很愚蠢。德普。非常感谢。我使用的代码编辑器在我放置引用时会删除它们。”。