jquery函数没有在ajax函数内部被调用

Question

所以我尝试禁用一些 <li> 元素上的链接，这些元素已使用 .load() 函数从另一个页面加载，但由于某种原因，我无法影响这些列表项。

var from_post = false; 

$(document).ready(function() {
    //so this is the function that loads in data from another page
    $("#gallery").load('http://localhost/index.php/site/gallerys_avalible/ #gallerys_avalible'), function() {
        console.log('hello');
        // sense there are no other li elliments on the page i thought this
        // would be okay. but this function never gets called, i've moved it
        // all over i just recently attached it to the load function thinking
        // that maybe if the load was not complete it would not run, but i
        // have had no luck.
        $('li').click(function (e) {
            e.preventDefault();
            console.log("I have been clicked!");
            return false;
        });
    };


    $('#addNew').click(function () {
        console.log('i got called');
        $('#new_form').fadeIn(1000); 
    });

    $('form').submit(function() {

        if(from_post) {

           //submit form
            return true; 

        } else {

            //dont submit form. 
            return false; 

        }
    });

任何帮助将不胜感激，哦，另一件事是我可以通过 firebug 运行此功能，并且可以 100% 正常工作。所以我很难过。

Answer 1

您过早结束对.load() 的呼叫。你有：

$("#gallery").load('http://...'), function() {

这只是调用 load 然后声明一个函数。但是，该函数未绑定到 success 处理程序，并且永远不会执行。您需要将 ) 放在函数声明的另一侧，以便将该函数作为参数包含在您的 load 调用中：

$("#gallery").load('http://...', function() {
    ...
});

修复这个问题，您的代码就可以工作了：http://jsfiddle.net/gilly3/WdqDY/

Answer 2

尝试像 live 或 delegate 这样面向未来的事件观察者：

$('li').live('click', function(){})

或者，如果您知道父母，则首选此方法：

$('#gallery').delegate('li','click',function(){})

需要这样做的原因是您的点击事件被绑定到绑定时页面上的元素。稍后添加的任何 li 都不会看到 live 或 delegate 工作方式的绑定。它们绑定到父节点并遍历每个（在本例中为单击）事件的子节点，以查看该事件是否适用于现有子节点。

Answer 3

使用.live('click', ...) 或.delegate() 代替.click(...)。