javascript - 骨干网..链接触发器

Question

我想点击一个链接，让我的 JS 找出点击了哪个链接

<ul>
            <li><a href="#">Prev</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">Next</a></li>
        </ul>

因此，当单击“1”时，从我的 js 文件中，我想知道单击了哪个链接..

我的.js

events : {
                //my click event to call clickedFunction
            },

clicked: function(e){  // if 1 is clicked, go to page 1, if 2 is clicked, go to page 2..}

谢谢

Answer 1

我会这样做JSBIN

首先在您的 UL 中添加一个 id，以便我们可以在其他 UL 中找到它

   <ul id="list">
        <li><a href="#">Prev</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">Next</a></li>
    </ul>

然后

var view = Backbone.View.extend({

  el : $('#list'),              // map the view to your list

  initialize: function(){
    console.log('started');
  },

  events : {
      "click li" : "clicked"   // add an event listener
  },

  clicked: function(val){      // create a callback to the event
     alert("clicked " + val);  
  }
});

window.app = new view();
​