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

【问题标题】：Open Multiple Jquery UI Dialog Boxes. Each with different Content打开多个 Jquery UI 对话框。每个都有不同的内容
【发布时间】：2012-03-14 23:31:36
【问题描述】：

老实说，我已经为此工作了大约两个星期，并尽可能多地进行了研究。我想做的只是在网站的一侧有各种图像。当您单击一个时，会出现一个包含内容的对话框。我可以让一个对话框工作，但第二个不会打开对话框。我试过使用 .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>

附带说明，这不适用于 Firefox 或 Safari，但适用于 Google Chrome 和 IE。对此的任何猜测也会有所帮助。

【问题讨论】：

你需要清理你的代码。您所有的 id 和 title 都缺少引号，与“语言”和“类型”属性相同。都需要用".

标签： jquery user-interface dialog

【解决方案1】：

将$("portfolio").dialog({ 更改为$("#portfolio").dialog({。这应该让第二个对话框工作。

我重申@Ohgodwhy 的建议以清理您的代码。

【讨论】：

我现在觉得自己很蠢。德普。非常感谢你。我使用的代码编辑器在我放置引号时会删除它们。