jQuery - 触发器不会产生预期的结果 [英] jQuery - trigger not produce the expected result

问题描述

在我的应用程序中，当页面加载时我启动我的 init 函数进行3件事，

1. 触发并发送页码。 （我想将页面默认值设为1）




2. 触发完成后，我想听到这样的声音，我正在听＃




3. 再次，用户可以插入/编辑页码（文本框），这样我就可以添加一个监听器来运行。

但是当函数开始时我正在安慰一个对象，但我得到的结果为 undifined 。

这里有什么问题：

  var docLoader = function（params）{
 
 window.container = window.container || $（ ＃tenderContent）; 
 
返回{
 init：function（）{
 this.cachePages = {}; 
 $（document）.on（newMessage，this.onPageChange）; 
 $ .event.trigger（{
 type：newMessage
}）; 
}，
 
 onPageChange：function（e）{
 console.log（this.cachePages）// undefined为什么？ 
} 
} 
} 
  

html page：

 < script> 
 docLoader（）。init（）; 
< / script> 
  

我是新手去耦合方法，任何人都可以帮我详细说明吗？

解决方案

这是因为你丢失了这个上下文。 jQuery将DOM元素作为上下文传递，而不是原始上下文。

您需要将函数的上下文绑定到现有的这个：

  $（document）.on（newMessage，this.onPageChange.bind（this ））; 
  

In my app, while page load i initiate my init function for 3 things,

1. trigger and sending a page no. (i would like to pass page default as 1)

2. when trigger done, i want to hear that so i am listening

3. again, a user can insert / edit the page number (text box) so i am adding a listener to function.

but when function start i am consoling a object but i am getting result as undifined.

what is wrong here:

var docLoader = function (params) {

    window.container = window.container || $("#tenderContent");

    return {
        init : function () {
            this.cachePages = {};
            $(document).on("newMessage", this.onPageChange);
            $.event.trigger({
                type: "newMessage"
            });
        },

        onPageChange : function (e) {
            console.log(this.cachePages) //undefined why?
        }
    }
}

html page :

<script>
    docLoader().init();
</script>

I am new to de-coupled approach any one help me with details please?

解决方案

It's because you lose the this context. jQuery passes the DOM element as the context, not whatever the original context was.

You need to bind the context of the function to your existing this:

$(document).on("newMessage", this.onPageChange.bind(this));

这篇关于jQuery - 触发器不会产生预期的结果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！