Dialog из jquery по значению переменной JS
Добрый день!
Есть <div id="Dialog1"> из Jquery. При нажатии на кнопку id="Button1" отрабатывается $('#Dialog1').dialog('open') без проблем. Но не могу отобразить окно Dialog1 по скрипту js: <script> if (zk>0) ... </script>. Не хватает знаний... :-/ Возможно ли открыть Dialog1 не по кнопке, а из js по значению zk? |
if (zk>0) $('#Dialog1').dialog('open');
Не работает? Тогда надо код смотреть. |
Пробовал. Мелькает в левом верхнем углу. А по кнопке центрируется и пока не закроешь. Сам код:
[HTML]<!doctype html> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="base/jquery-ui.min.css" rel="stylesheet"> <link href="font-awesome.min.css" rel="stylesheet"> <link href="settings_new_14.css" rel="stylesheet"> <link href="contacts.css" rel="stylesheet"> <script src="jquery-1.12.4.min.js"></script> <script src="jquery-ui.min.js"></script> <script src="wwb17.min.js"></script> <script src="contacts.js"></script> <script> var zk =1; if zk>0 $('#Dialog1').dialog('open'); </script> </head> <body onpageshow="$('#Dialog1').dialog('close');return false;"> <div id="FlexGrid1"> <div class="header"> <div id="wb_title" style="display:inline-block;width:calc(100% - 20px);z-index:0;"> <h1 id="title">Контакты</h1> </div> </div> </div> <div id="FlexGrid2"> <div id="FlexGrid2-grid"> <div class="switch"> </div> </div> </div> <div id="wb_IconFont1" style="position:absolute;left:10px;top:48px;width:44px;height:43px;text-align:center;z-index:23;"> <a href="./index.html"><div id="IconFont1"><i class="fa fa-home"></i></div></a> </div> <div id="FlexContainer1"> </div> <div id="wb_LayoutGrid1"> <form name="LayoutGrid1" method="post" action="" enctype="text/plain" id="LayoutGrid1"> <div class="row"> <div class="col-1"> <div id="wb_Heading1" style="display:inline-block;width:100%;z-index:1;"> <h1 id="Heading1">Напишите нам</h1> </div> <hr id="Line1" style="display:block;width:100%;z-index:2;"> <input type="text" id="Editbox1" style="display:block;width:100%;height:32px;z-index:3;" name="Name" value="" spellcheck="false" placeholder="Имя"> <hr id="Line2" style="display:block;width:100%;z-index:4;"> <input type="text" id="Editbox2" style="display:block;width:100%;height:32px;z-index:5;" name="email" value="" spellcheck="false" placeholder="Email"> <hr id="Line3" style="display:block;width:100%;z-index:6;"> <textarea name="message" id="TextArea1" style="display:block;width:100%;;height:74px;z-index:7;" rows="1" cols="87" autocomplete="off" spellcheck="false" placeholder="Сообщение"></textarea> <hr id="Line5" style="display:block;width:100%;z-index:8;"> <div id="wb_Captcha1" style="display:inline-block;width:100%;z-index:9;"> <img src="captcha1.php" alt="Click for new image" title="Click for new image" style="cursor:pointer;float:left;width:100px;height:38px;" onclick="this.src='captcha1.php?'+Math.random()"> <span><input type="text" id="Captcha1" style="display:block;width:calc(100% - 10px);height:22px;" name="captcha" value="" spellcheck="false"></span> </div> <hr id="Line4" style="display:block;width:100%;z-index:10;"> <input type="submit" id="Button1" onclick="$('#Dialog1').dialog('open');return false;" name="" value="Отправить" style="display:inline-block;width:127px;height:45px;z-index:11;"> </div> </div> </form> </div> <div id="wb_LayoutGrid8"> <div id="LayoutGrid8"> <div class="row"> <div class="col-1"> <div id="wb_FontAwesomeIcon3" style="display:inline-block;width:40px;height:40px;text-align:center;z-index:12;"> <a href="./index.html"><div id="FontAwesomeIcon3"><i class="fa fa-vk"></i></div></a> </div> <div id="wb_Text17"> <span style="color:#FFFFFF;font-family:Arial;font-size:12px;"><br>All Rights Reserved </span> </div> </div> </div> </div> </div> <div id="Dialog1"> <div id="wb_IconFont2" style="position:absolute;left:0px;top:0px;width:55px;height:49px;text-align:center;z-index:17;"> <div id="IconFont2"><i class="fa fa-exclamation-circle"></i></div></div> <div id="wb_Text1" style="position:absolute;left:67px;top:15px;width:198px;height:36px;text-align:center;z-index:18;"> <span style="color:#696969;font-family:Arial;font-size:16px;"><strong> Введеное значение <br>неверно!!!</strong></span></div> </div> </body> </html>[/html] |
Цитата:
Скрипт стоит в начале файла и начинает работать до того, как загружена оставшаяся часть страницы, построено DOM дерево и браузер знает, что такое #Dialog1. В консоле наверняка есть сообщение об ошибках. Поставьте этот скрипт в конец. |
Часовой пояс GMT +3, время: 21:54. |