Я честно работал над этим около двух недель и исследовал как можно больше. Все, что я пытаюсь сделать, это иметь различные изображения на стороне веб-сайта. Когда вы нажимаете один из них, появляется диалоговое окно с содержимым. Я могу заставить один диалог работать, но второй не откроет диалоговое окно. Я пытался использовать команду .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. Любое предположение об этом также будет полезно.