Question

当选项卡之一点击时我遇到触发事件的问题...我正在使用jQuery Easy Tab插件....我想要的是当点击ID为“＃sp_tab2”的标签时显示警告...它使用所有选项卡触发的运动，如果喜欢这个$（“＃sp_tab2”）。单击（function（）{..} 它不起作用...... http://os.alfajango.com/easytabs/#advanced-demo 非常感谢...

 <div id="selectPropertyTab" class="tab-container">
    <ul class="etabs">
       <li class="tab tab_description"><a href="#sp_tab1"><img id="tab_description_icon" src="../Icons/property_info_G.png"/>Description</a></li>
       <li class="tab tab_map"><a href="#sp_tab2"><img id="tab_map_icon" src="../Icons/property_map_icon_G.png" />Map</a></li>
       <li class="tab tab_area_kn"><a href="#sp_tab3"><img id="tab_area_kn_icon" src="../Icons/property_direction_icon_G.png" />Area Knowledge</a></li>
     </ul>

                <div id="tab_data">
                  <div id="sp_tab1">
                    display the property details
                  </div>

                  <div id="sp_tab2">
                     <div id="map_canvas" style="width:61.4em; height:400px;"></div>
                  </div>

                  <div id="sp_tab3">
                    display property area knowledge
                  </div>
                </div> <!--end tab_data-->


 </div> <!--end selectPropertyTab-->

...的jQuery

  $(function () {
       $("#selectPropertyTab").easytabs();
  });

  $("#selectPropertyTab").bind('easytabs:after', function () {

      alert("tab no 2 is clicked......");
  });

Answer 1

$(function () {
   $("#selectPropertyTab").easytabs();
});

$(".tab_map").on("click",function () {

  alert("tab no 2 is clicked......");
});

我希望这会奏效！选中 Fiddle

Answer 2

如果您在某处使用.tab_map类，则可能会出现冲突问题。在您的li标签中添加ID

HTML

<li id="map_canvas_tab" class="tab tab_map"><a href="#sp_tab2"><img id="tab_map_icon" src="../Icons/property_map_icon_G.png" />Map</a></li>

jquery的

$("#map_canvas_tab").on("click", function () {

     alert("tab no 2 is clicked....");
});

单击选项卡上的火灾事件

2 个答案: