Как сделать, что бы скрипт с jquery отрабатывал?

Question

[Антон]

Есть Скрипт tympanus.net/Development/DialogEffects
Скрипт работал на ок, но после установки на modx evo и подключением yams модуля, перестал работать корректно.
Он конечно работает и отрабатывает, но при нажатии появляется окошко и исчезает.
Как сделать, что бы скрипт обрабатывался без обновления страницы?
Потыкать тут: Ooos.ru (Вход для клиентов/CMS-Управление сайтом)

Comments

[Евгений Петров]

Так у вас страница перегружается

[Антон]

Евгений Петров: Да, как тогда, при вызове скрипта сделать, что бы не перезагружалась?

Answer 1

[Евгений Петров]

Зачем вам нужна обязательно ссылка?
Если же вы хотите её оставить, то где-то в скрипте требуется

$(document).on('click', '[data-dialog]', function (e) {
	e.preventDefault();
});

Update: Не нужно ничего никуда вставлять. Просто замените функцию в самом документе

$(function () {
	var trigger = $('[data-dialog]'),
		type = trigger.data('dialog'),
		dialog = new DialogFx(type);

	trigger.on('click', function (e) {
		e.preventDefault();
		dialog.toggle.bind(dialog);
	});
})();

И не забудьте про z-index чудовищной величины в .dropdown-menu.

Comments

[Антон]

Ммм, ну это уже интересней, правда теперь баг такой)) take.ms/6eTAN

[Антон]

А как без ссылки, кидайте любые безумные идеи)

[Евгений Петров]

Антон Хлебников: Кто вас надоумил ставить для .dropdown-menu z-index: 1000?) Поставьте всего лишь жалкую единицу.
Без ссылки? Да просто span, div, да что угодно, не относящееся к активному контенту.

[Антон]

Да, z-index 1000 был проблемный. Но все это было из коробки bootstrap'а

[Антон]

Спасибо вам за помощь!!! Так же отмечу реализацию через span Но для реализации в системе немного проблемно.

Answer 2

[Шаров Дмитрий]

Если я правильно понял то диалог у вас вызывает вот эта функция

(function() {
    var dlgtrigger = document.querySelector( '[data-dialog]' ),
        somedialog = document.getElementById( dlgtrigger.getAttribute( 'data-dialog' ) ),
        dlg = new DialogFx( somedialog );

    dlgtrigger.addEventListener( 'click', dlg.toggle.bind(dlg) );

    return false;
})();

В конец добавьте return false, дожно все заработать, так как увас происходит переход по ссылке

Comments

[Антон]

Увы, но данное решение не помогло, получается, что страница перезагружается после вызова скрипта