Добрый день.
Подскажите пожалуйста, в чем может быть ошибка.
Я беру код для dialog`а
<script>
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
});
</script>
<div id="dialog" title="Basic dialog">
<p>тут тело диалога</p>
</div>
<button id="opener">Open Dialog</button>
Когда я переделываю этот код, чтобы он работал с разными кнопками, при нажатии на которые выводились бы разные сообщения, то у меня получается следующий код:
<script>
function clickButton(idButton, idDiv) {
$(idButton).click(function () {
$(idDiv).dialog("open");
});
}
</script>
<script>
$(function () {
$(".image").dialog({
autoOpen: false,
width: "auto",
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "blind",
duration: 1000
}
});
});
</script>
Вопрос в следующем: после загрузки страницы диалог открывается только при втором нажатии на кнопку. Если его потом закрыть и нажать на кнопку вновь, в этот раз диалог открывается с первого нажатия. Из-за чего это происходит?