使用.load方法在使用后监听click事件

Question

我有点问题......

的index.php

<div id="order"></div>

的script.js

$(document).ready(function(){
    $("#order").load("modules/main.php?load=order");

    $("#sort li").on("click", function(){
        $("#items").load("modules/main.php?load=items&order="+order);
        console.log('try123');
    });
});

main.php？负载=顺序

<ul class="sort" id="sort">
    <li data-order="najnovsie">Najnovšie</li>
    <li data-order="najpredavanejsie" class="select">Najpredávanejšie</li>
    <li data-order="najlacnejsie">Najlacnejšie</li>
</ul>

单击#sort li

时不执行任何操作

Answer 1

使用event delegation并将click事件附加到常量父元素#sort。

$("#sort").on("click", "li", function(){
    $("#items").load("modules/main.php?load=items&order="+order);
    console.log('try123');
});