Backbone.View Demo

by qq286735628

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.3/backbone-min.js"></script>

<ul class="cpm-tabs">
  <li class="tabs-item">
    <span class="item-content">一号tab</span>
    <span class="item-right">钩子</span>
  </li>
  
  <li class="tabs-item">
    <span class="item-content">二号tab</span>
    <span class="item-right">钩子</span>
  </li>
  
  <li class="tabs-item">
    <span class="item-content">三号tab</span>
    <span class="item-right">钩子</span>
  </li>
</ul>

JavaScript

var TabView = Backbone.View.extend({
	el: "#container",

	events: {
  	"click .cpm-right": "toggleHandler"
  },
  
  onToggleHandler: function(evt){
  	var $tabItem = $(evt.currentTarget).parent('.tabs-item');
    
    $tabItem.siblings('.$tabItem').hide();
    $tabItem.show();
  }
});