ajax load()后无法点击内容

时间:2014-03-14 05:50:01

标签: jquery ajax load treeview devexpress

我的问题是:在div元素中下载内容ajax后,我无法点击它,或悬停鼠标,我的功能没有被执行。请帮忙。

var key = null;
var keyProperties = null;
function OnNodeClick(s, e) {
    key = e.node.name;
    //alert('key= '+ key);
    $("#loading").show();
    $.ajax({
        type: "POST",
        url: "/Catalogues/UpdateRefInfo",
        cache: false,
        data: { "name": key },
        success: function (data) {
            $("#ReferenceObject").load('../Catalogues/test #treeViewInside');
            $("#loading").hide();
        },
        error: function () {
            alert("error");
        }

    });

}

我无法将我的函数重命名为$.("#someclass").on("click"),因为我的元素是DevExpress Treeview,他的属性为ClientSideEvent.NodeClick = "OnNodeClick"。 请帮忙!如何在加载的ajax内容上单击并执行函数?

1 个答案:

答案 0 :(得分:0)

因为元素是动态的。假设新div的id是mynewdiv

然后请将该div的点击事件更改为

$(document).on('click','#mynewdiv', function(){
   //do your stuffs    
})

因为动态元素事件不会在不使用Live或On的情况下直接绑定 直播从1.8开始折旧