Создание всплывающего окна по ссылке нажмите?

Привет Я пытаюсь создать всплывающее окно, которое отображается только при нажатии ссылки. Это код, который у меня есть, но проблема заключается в том, что диалог отображается при загрузке страницы, а не при нажатии.Создание всплывающего окна по ссылке нажмите?

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#OpenDialog").click(function() { 
      $("#dialog").dialog({ modal: true, height: 250, width:200 }); 
     }); 
    }); 
</script> 
<a id="OpenDialog" href="#">Click here to open dialog</a> 
<div id="dialog" title="Dialog Title"> 
    <p>Dialog Contents here</p> 
</div>

источник

2013-04-05 user2212460

вы можете скрыть диалоговое DIV на нагрузке ($ ("# Диалог") скрыть();.) –

Можете ли вы сделать скрипку? – JoDev

-1

Попытка вызвать функцию вместо:

var dialogBox = function() { 
    $("#dialog").dialog({ modal: true, height: 250, width:200 }); 
}; 
$(document).ready(function() { 

    $("#OpenDialog").click(function() { 
     dialogBox(); 
    }); 
});

В HTML:

<div id="dialog" title="Dialog Title" style='display:none;'> 
    <p>Dialog Contents here</p> 
</div>

источник

2013-04-05 11:50:00 JoDev

И таким образом? Это работает? – JoDev

Просто замените это:

<div id="dialog" style="display:none;" title="Dialog Title"> 
    <p> 
     Dialog Contents here</p> 
</div>

Набор

style='display:none'

источник

2013-04-05 11:54:59

добавление стиля = "display: none;" не работает. Он показывается при загрузке страницы. – user2212460

Можете ли вы сделать скрипку? –

Извините, я не знаю, что это. Я никогда не делал ничего подобного до – user2212460

В режиме отображения First Set, как дисплей: нет;

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#OpenDialog").click(function() { 
$("#dialog").show(); 
     $("#dialog").dialog({ modal: true, height: 250, width:200 }); 
    }); 
}); 
</script> 
<body> 
<a id="OpenDialog" href="#">Click here to open dialog</a> 
<div id="dialog" style="display:none;"title="Dialog Title"> 
<p>Dialog Contents here</p> 
</div>

источник

2013-04-05 12:00:52 Arunkumar

Создание всплывающего окна по ссылке нажмите?

ответ

Смежные вопросы