Действие JQuery работает только после перезагрузки страницы

Question

Действие JQuery работает только после перезагрузки страницы

0

У меня есть следующий код для отображения ссылок на основе того, что пользователь зарегистрирован или не зарегистрирован:

<?php if(NOT LOGGED){ ?>
   <div id="menu"><ul><li><a class="login-button" href="login">LOGIN</a></li></ul></div>
<?php }else{ ?>
   <div id="menu"><ul><li><a class="logout-button" href="logout">EXIT</a></li></ul></div>
<?php } ?>

При нажатии кнопки "login-button" я вызываю функцию JQuery, которая при успешном выполнении заменит ее следующим

<div id="menu"><ul><li><a class="logout-button" href="logout">EXIT</a></li></ul></div>

Здесь js

$.ajax({
url: 'login.php',
type: 'POST',
dataType: "json",
success: function (data) {
    $('#menu').html('<ul><li><a class="logout-button" href="logout">EXIT</a></li></ul>');
},
error: function (data) {
    alert('An Error occurred');
}
});

Проблема в том, что когда я нажимаю ссылку на выход, когда она создается JQuery, она не работает.

Он работает только тогда, когда страница обновляется и фактически заменяется на php

Любые идеи почему?

jesus g_force Harris 23 фев. 2014, в 23:16

Источник

0

Можете ли вы подтвердить, что ваша функция успеха jQuery вызывается с помощью вызовов alert() или console.log() ?
Scuzzy 23 фев. 2014, в 21:52
0

Что происходит, когда вы нажимаете кнопку «Выйти»? Он запускает какую-то функцию JS или просто переходит на HREF url?
Quinn Daley 23 фев. 2014, в 21:53
0

Я думаю, что вы связываете событие click с .click() . Попробуйте использовать $(document).on('click', '.logout-button', function() { // the code you have now associated with .click()) } . Это потому, что элемент "logout" не существует, когда вы выполняете код, который связывает событие. Если вы можете предоставить даже код JS, который связывает событие, я могу дать более точный ответ.
Lorenzo S 23 фев. 2014, в 21:56
0

Функция вызывается, когда я использую alert (). Не уверен, почему это происходит. Это работает для других аналогичных частей в коде
user1885581 23 фев. 2014, в 22:20
0

Могу я спросить вас, как вы связываете событие? Я не хочу настаивать, но, похоже, проблема в том, что вы связываетесь с .click() или в любом случае с учетом элемента, который (очевидно, вы создадите его после вызова AJAX), не существует. Вот почему $(document).on('click', '.logout-button', function() { etc... }); (или даже «#menu» вместо «document») должно сработать.
Lorenzo S 23 фев. 2014, в 22:25
0

Что ж, похоже, что js-файл, содержащий действие «кнопка входа», также должен быть включен в страницу login.php, вызываемую ajax. Странно, потому что этот файл js уже загружен на страницу index.php. INDEX.PHP <script src = "js / script.js" type = "text / javascript"> </ script> LOGIN.PHP - Didn´t есть это
user1885581 24 фев. 2014, в 03:57

Показать ещё 4 комментария

Теги:

php

jquery

reload

refresh

2 ответа

Ещё вопросы

Можете ли вы подтвердить, что ваша функция успеха jQuery вызывается с помощью вызовов alert() или console.log() ?
Что происходит, когда вы нажимаете кнопку «Выйти»? Он запускает какую-то функцию JS или просто переходит на HREF url?
Я думаю, что вы связываете событие click с .click() . Попробуйте использовать $(document).on('click', '.logout-button', function() { // the code you have now associated with .click()) } . Это потому, что элемент "logout" не существует, когда вы выполняете код, который связывает событие. Если вы можете предоставить даже код JS, который связывает событие, я могу дать более точный ответ.
Функция вызывается, когда я использую alert (). Не уверен, почему это происходит. Это работает для других аналогичных частей в коде
Могу я спросить вас, как вы связываете событие? Я не хочу настаивать, но, похоже, проблема в том, что вы связываетесь с .click() или в любом случае с учетом элемента, который (очевидно, вы создадите его после вызова AJAX), не существует. Вот почему $(document).on('click', '.logout-button', function() { etc... }); (или даже «#menu» вместо «document») должно сработать.
Что ж, похоже, что js-файл, содержащий действие «кнопка входа», также должен быть включен в страницу login.php, вызываемую ajax. Странно, потому что этот файл js уже загружен на страницу index.php. INDEX.PHP <script src = "js / script.js" type = "text / javascript"> </ script> LOGIN.PHP - Didn´t есть это

jesus g_force Harris · Answer 1 · 2014-02-23T22-24-00.000Z

Не уверен, что вы правильно привязываете мероприятие (как говорит @Lorenzo S), но это напоминает мне о проблеме, которая была решена с помощью .live:

http://api.jquery.com/live/

До недавнего времени эта функция была той, которую вы хотели бы, но с jQuery 1.7 она была заменена на .on:

http://api.jquery.com/on/

ICY382 · Answer 2 · 2014-02-23T20-31-00.000Z

Не уверен, что это устранит проблему, но вы удалите "ul" в своей успешной функции

$('#menu').html('<li><a class="logout-button" href="logout">EXIT</a></li>');

Должно быть

$('#menu').html('<ul><li><a class="logout-button" href="logout">EXIT</a></li></ul>');

На самом деле, нет. Это была только моя ошибка, не помещая это там, но это фактически там