javascript - 访问对象中的元素

Question

我在访问对象中的某些元素时遇到问题。在我的 View 文件(又名 HTML 页面)中，我正在初始化 c 应用程序。

  //Yh script tags are wrapped around this
  $(function() {
      App.initialize();
  });

然后在我的 JS 文件中(这是我实际正在处理的简单形式):

window.App = {
    el: {
        slider: $("#form-slider"),
        allSlides: $(".slide")

    },
    initialize: function() {
        this.ProductNewEvents();
            //bla bla
            // and so on
    },
    slideTiming: 800,
    slideWidth: 790,
    delegat etc
    ProductNewEvents: function() {
      //A whole bunch of events
       this.el.slider.click(function() {
           alert("Why you no work");
       });
       $("#form-slider").click(function() {
           alert("Why you work");
       });

    },
    some other objs
};

我的问题是我无法调用 this.el.allSlides.some jQuery 事件或 this.el.slider。假设对任何对象进行动画 或单击。我必须从 DOM 中获取它才能将任何事件绑定(bind)到元素，例如$(".slide").animate.

Answer 1

这取决于你在做什么，因为我看不到你的所有代码。当您访问 App.el.slider 属性时，它会在创建时保存对 $('#slider') 的引用。为了克服这个问题，您的代码可能必须类似于:

window.App = {
  el: {
    slider: function(){
      $("#form-slider");
    },
    allSlides: function(){
      $(".slide");
    }
  },
  initialize: function() {
    this.ProductNewEvents();
    //bla bla
    // and so on
  },
  slideTiming: 800,
  slideWidth: 790,
  //delegat etc
  ProductNewEvents: function() {
    //A whole bunch of events

  },
  //some other objs
}
App.el.slider();