Я делаю всплывающее окно, используя jqModal, и у меня есть одно главное всплывающее окно. После нажатия ОК, я должен закрыть это окно и открыть другое всплывающее окно. Как мне этого добиться?
Здесь моя проблема в том, что событие нажатия не работает. Пока я нажимаю кнопку {#b}, больше, чем это нажатие кнопки, мне нужно открыть еще одно всплывающее окно.
Мой код
<html>
<head>
<script src="jquery-latest.js" type="text/javascript"></script>
<script src="jqModal.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
$('#ex3a').jqm(
{ trigger: '#ex3aTrigger',
overlay: 30,
overlayClass: 'Overlay'}) .jqDrag('.jqDrag');
$('input.jqmdX') .hover( function(){ $(this).addClass('jqmdXFocus'); },
function(){ $(this).removeClass('jqmdXFocus'); })
.focus( function(){ this.hideFocus=true;
$(this).addClass('jqmdXFocus'); })
.blur( function(){ $(this).removeClass('jqmdXFocus'); });
$("#b").click(function () {
alert("hello"); });
});
</script>
</head>
<body>
<a href="#" id="ex3aTrigger">
view</a> dialog
<div id="ex3a" class="jqmDialog">
<div class="jqmdTL">
<div class="jqmdTR">
<div class="jqmdTC jqDrag">[Dialog Title] </div>
</div>
</div>
<div class="jqmdBL">
<div class="jqmdBR">
<div class="jqmdBC">
<div class="jqmdMSG"> Welcome Page <br/> <br/>
<div id="b"> <button> OK </button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>