Как заставить скрипт jQuery запускаться после установки строки запроса PHP?

Question

Как заставить скрипт jQuery запускаться после установки строки запроса PHP?

0

Когда щелкнули ссылку, я хочу добавить что-то на страницу. Однако ссылка использует PHP как

(Примечание: внутри эха):

<a id = 'linkimg1' href='main.php?img1=$img1_id'> [img1 here] </a>

у меня есть

<script>
    $(document).ready(function() {
        $('#linkimg1').click(function() {
            $('stuff').appendTo('body')
        });
    });
</script>

Как заставить ссылку по-прежнему выполнять сценарий jQuery?

frosty 03 дек. 2013, в 07:48

Источник

0

ищете один клик? api.jquery.com/one
Vinod VT 03 дек. 2013, в 06:37

Теги:

php

javascript

jquery

3 ответа

0

Назначьте его как функцию onClick, например

<a id = 'linkimg1' href='main.php?img1=$img1_id' onclick="myFunction()"> [img1 here] </a>


<script>
    $(document).ready(function() {
        function myFunction() {
            $('#linkimg1').click(function() {
                $('stuff').appendTo('body')
            });
        } 
    });
</script>

Kevin Lynch 03 дек. 2013, в 05:30

0

когда вы используете обработчики событий для динамического содержимого, используйте jQuery.on() или jQuery.live() (устарело)

chepe263 03 дек. 2013, в 03:39

Ещё вопросы

Xanfar · Accepted Answer · 2013-12-03T05-37-00.000Z

Вы должны добавить селектор в качестве параметра. Если вы этого не сделаете, событие напрямую связано, что не работает для динамического контента.

<script>
$(document).ready(function() {
$(document.body).on('click', '#linkimg1' ,function(){
  $('stuff').appendTo('body')
 });
});
</script>

Селектор является неотъемлемой частью функции.on()

.on(eventType, selector, function)

Документация API jQuery ЗДЕСЬ

По какой-то причине это не сработало. Я решил использовать append () вместо этого, и это сработало! Не уверен, почему appendTo не сделал.
Я рад, что у вас это работает, и в дополнение к ответу вы также должны знать, что $ (document.body) не в камне. Этот селектор может быть любым элементом DOM выше в иерархии, который остается в DOM при изменении динамического содержимого. Это своего рода путь к вашему динамическому селектору в функции on ()