0

当其中一个选项卡单击时，我遇到了触发事件的问题...我正在使用 jQuery Easy Tab 插件...。我想要的只是在单击 ID 为“#sp_tab2”的选项卡时显示警报...在移动时与所有选项卡一起触发，如果这样做 $("#sp_tab2").click(function(){..} 它也不起作用... http://os.alfajango.com/easytabs/#advanced-演示 非常感谢提前...

 <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......");
  });
4

2 回答 2

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

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

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

我希望这会奏效！检查这个 小提琴

于 2013-06-24T12:56:05.293 回答
1

如果您在某处使用 .tab_map 类，您可能会遇到冲突问题。将 id 添加到您的 li 标签

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....");
});
于 2013-06-24T13:05:00.063 回答