<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title></title>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#dialog").dialog({
autoOpen: false,
modal: true,
buttons: {
//"Ok": function() { //этот код тоже рабочий, но сами создатели jquery UI так никогда не напишут.
Ok: function() {
$(this).dialog("close"); // кнопки работают
// $("#dialog").dialog("close"); // даже это будет работать, хоть это и не красиво
},
Cancel: function() {
$(this).dialog('close'); // кнопки работают
}
}
});
//К сведению если вместо autoOpen: false, написать autoOpen: true, эту строку с dialog('open'); можно не писать
$('#dialog').dialog('open'); /// срабатывает
$("#start").click(function(){
//alert('hello world!11'); /// срабатывает
$('#dialog').dialog('open'); /// работает!!!!!!!
});
});
</script>
</head>
<!-- Собственно тело нашего html, из 2х строк -->
<body>
<div id="dialog">я диалог</div>
<div id="start">(НАЖМИ НА МЕНЯ)</div>
</body>
</html>
ВРОДЕ ВСЁ НОРМ ))
Небольшое дополнение.
Глядя на это "components/" я подумал, а вы случайно не для битрикса компонент пишите? (впрочем это касается вообще любых систем с виджетами, компонентами, плагинами smarty и тд )
Если да, то убедитесь что скрипты подключаюся хотябы в шаблоне страницы, и не дай бог в шаблоне компонента.Это касается всех компонентов в системе, а не только вашего.
Любой компонент с таким кривым подключением скриптов, отрендеренный после вашего, убьёт все jquery скрипты что были до него. Обновление такого компонента по Ajax 2.0 (тупо передача html, сгенеренная по шаблону коспонента) - также убьёт скрипты jquery.
Логика проста: нельзя подключать jQuery, после подключения jQuery.