在文档加载时触发Jquery click事件

Question

在文档加载时触发Jquery click事件

这是我的代码:

<!DOCTYPE html>
<html>

  <head></head>

  <body>
    <div id="someElement">
      <button id="someButton">Click Me</button>
    </div>
    <script src="jquery-1.4.4.min.js"></script>
    <script src="underscore-min.js"></script>
    <script src="backbone-min.js"></script>
    <script>
      MyView = Backbone.View.extend({
        events: {
          "click #someButton": "clicked"
        },
        clicked: function (e) {
          e.preventDefault();
          alert("I was clicked!");
        },
        render: function () {
          var html = "generate some HTML, here";
          $(this.el).html(html);
        }
      });

      $(function () {
        var myView = new MyView();
        myView.render();
        $("#someElement").html(myView.el);
      });
    </script>
  </body>

</html>

Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/LfGtu/

我的问题是:我如何等待点击按钮来触发点击事件？

(顺便说一句,代码部分来自http://lostechies.com/derickbailey/2011/11/09/backbone-js-object-literals-views-events-jquery-and-el/)

Answer 1

小智 5

添加jQuery click事件的另一种方法是将render方法移出jQuery onReady事件,并移动到代码中已经存在的clicked处理程序"clicked".您只需在创建视图时将'#someElement'作为'el'属性传递.

在这里做了一个快速的jsBin演示:http://jsbin.com/ugafod/4

这种方法似乎更"Backbone-ish",但两种方式都可以正常工作.

归档时间：	13 年，2 月前
查看次数：	308 次
最近记录：	13 年，2 月前