jquery在ajax调用后绑定函数和触发器

发布于 2024-12-09 16:38:39 字数 802 浏览 1 评论 0原文

function bindALLFunctions() {
  ..all triggers functions related go here
};


$.ajax({
        type: 'POST',
        url: myURL,
        data: { thisParamIdNo: thisIdNo },
        success:    function(data){
                        $(".incContainer").html(data);
                        bindALLFunctions();
        },
        dataType: 'html'
});

我是 ajax 和 JQuery 新手。我的 js-jquery 代码中有上述 ajax 调用。 bindALLFunctions(); 用于在ajax调用后重新调用所有触发器和函数。它工作得很好，正如预期的那样。但是，我在某处读到最好在初始操作完成后加载某些内容，因此我尝试添加/编辑以下两个内容，但没有成功。有什么想法吗？

1) ->    $(".incContainer").html(data, function(){
                                          bindALLFunctions(); 
                                        });

2) ->    $(".incContainer").html(data).bindALLFunctions();

原文

function bindALLFunctions() {
  ..all triggers functions related go here
};


$.ajax({
        type: 'POST',
        url: myURL,
        data: { thisParamIdNo: thisIdNo },
        success:    function(data){
                        $(".incContainer").html(data);
                        bindALLFunctions();
        },
        dataType: 'html'
});

I am new to ajax and JQuery.
I have the above ajax call in my js-jquery code. bindALLFunctions(); is used to re-call all the triggers and functions after the ajax call. It works all fine and good as expected. However, I have read somewhere that is better to load something after the initial action is finished, so I have tried to add/edit the following two without any success.
Any ideas?

1) ->    $(".incContainer").html(data, function(){
                                          bindALLFunctions(); 
                                        });

2) ->    $(".incContainer").html(data).bindALLFunctions();

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

药祭#氼 2024-12-16 16:38:39

也许您应该看看 live 和委托函数。您可以在应用程序开始时设置一个唯一的事件处理程序，所有加载的 ajax 代码都将自动绑定：

$("table").delegate("td", "hover", function(){
    $(this).toggleClass("hover");
});

但如果您更喜欢使用 Jquery.ajax 调用，则必须执行以下操作：

$.ajax({
        type: 'POST',
        url: myURL,
        data: { thisParamIdNo: thisIdNo },
        success:    function(data){
                        $(".incContainer").html(data);
                        bindALLFunctions(".incContainer");
        },
        dataType: 'html'
});

并转换 bindALLFunctions as：

function bindALLFunctions(selector) {
  ..all triggers functions related go here. Example:
  $('#foo', selector).bind('click', function() {
     alert('User clicked on "foo."');
  });
};

只会将事件绑定在给定选择器“下”。

Perhaps you should have a look to the live and delegate functions. You can set a unique event handler at the beggining of your app and all your loaded ajax code will be automatically binded:

$("table").delegate("td", "hover", function(){
    $(this).toggleClass("hover");
});

But if you prefer to use Jquery.ajax call you have to do something like this:

$.ajax({
        type: 'POST',
        url: myURL,
        data: { thisParamIdNo: thisIdNo },
        success:    function(data){
                        $(".incContainer").html(data);
                        bindALLFunctions(".incContainer");
        },
        dataType: 'html'
});

and transform bindALLFunctions as:

function bindALLFunctions(selector) {
  ..all triggers functions related go here. Example:
  $('#foo', selector).bind('click', function() {
     alert('User clicked on "foo."');
  });
};

that will only bind events "under" the given selector.

回复收藏 0 原文

落在眉间の轻吻 2024-12-16 16:38:39

你最初的代码很好。新版本不起作用，因为 html() 函数没有回调函数。

回复收藏 0 原文

烟柳画桥 2024-12-16 16:38:39

很难从你的问题中看出你想问什么，但我猜你想知道 ready 函数。它可以让您在文档可用后调用bindALLFunctions；只需执行 $(document).ready(bindALLFunctions) 或 $(document).ready(function() { bindALLFunctions(); }) 即可。

回复收藏 0 原文

~没有更多了~