Проблема с jQuery UI dialog?

Question

[Mobyman]

Здравствуйте, уважаемые хабраюзеры!

Не могу понять причину проблемы с jQuery UI 1.8.18. (jQuery 1.7.1)

$('#newnews_dialog').dialog({<br>
	autoOpen: false,<br>
	width: 600,<br>
	buttons: {<br>
		"Отмена": function() {<br>
			$(this).dialog("close");<br>
		},<br>
		"Сохранить": function() {<br>
			saveNews();<br>
		}<br>
	}<br>
});<br>
<br>
$('#newnews_button').click(function(){<br>
	$('textarea.newnews').tinymce({<br>
		script_url: base_url + 'js/tiny_mce/tiny_mce.js',<br>
		theme: "simple",<br>
	});<br>
	$('#newnews_dialog').dialog('open');<br>
	return false;<br>
}); <br>

При вызове firefox сообщает о

TypeError: $("#newnews_dialog").dialog is not a function

Однако, в chrome всё функционирует как положено.

Answer 1

[Артур Кох]

Попробуйте откатить UI до 1.7.2 и проверьте.

Comments

[Артур Кох]

link

[Артур Кох]

Ошибка достаточно распространенная. У меня вылечилась именно так. Если не подойдет, гуглите «dialog is not a function» — результатов много.

[Mobyman]

Не помогло :(

[Mobyman]

Гуглил. Как правило ошибка упирается в то, что скрипт засовывают не в document ready

[Артур Кох]

+ куча иных вариантов. дубляж jquery, неверное его подключение, битая библиотека и прочее.
Создайте голый файлик с окошком и я практически уверен, что все будет ок. метод исключения ниже верно советуют.

[Артур Кох]

api.jquery.com/jQuery.noConflict/
и на всякий случай.

Answer 2

[Илья Шабанов]

В приведенном вами коде я ошибок не вижу, возможно конфликт с tiny mce? проверьте не дублируются ли на странице id

Comments

[Mobyman]

Даже без tinymce не хочет…

[Mobyman]

Если из консоли применить .dialog() к «body», метод так же не срабатывает (ошибка та же).

[Илья Шабанов]

попробуйте методом исключению убирать все скрипты которые не имеют отношения UI

[Mobyman]

Исключение скриптов не помогло. Помогло исключение html кода. Локализовал, сейчас буду разбираться. Всем спасибо.

[Mobyman]

Дело было в виджете авторизации eauth-yii, видимо что-то конфликтовало…