在每种情况下都有一个标签 onclick 函数调用

Question

是否可以在此代码的每种情况下调用 onclick 事件

  buildPager: function(slideIndex){
switch(slideIndex){
  case 0:
    return '<img src="images/mask.png">';
  case 1:
    return '<img src="images/mask.png">';
  case 2:
    return '<img src="images/mask.png">';
  case 3:
    return '<img src="images/mask.png">';
  case 4:
    return '<img src="images/mask.png">';
}
}

因为每个案例都是可点击的，所以必须有一个代码，并且该代码在另一个代码中：

<script>
$(document).ready(function(){
$('.slider1').bxSlider({
slideWidth: 5000,
minSlides: 1,
maxSlides: 1,
slideMargin: 10,
infiniteLoop: true,
hideControlOnEnd: false,
mode: 'horizontal',
useCSS: false,
easing: 'easeOutElastic',
speed: 2000,
buildPager: function(slideIndex){
switch(slideIndex){
  case 0:
    return '<img src="images/mask.png">';
  case 1:
    return '<img src="images/mask.png">';
  case 2:
    return '<img src="images/mask.png">';
  case 3:
    return '<img src="images/mask.png">';
  case 4:
    return '<img src="images/mask.png">';
     }
   }
 });
 });
 </script>

这是一个 bxslider 代码。

Answer 1

您有多种选择：

• 使用 id 绑定点击事件，例如$("#image_1").click(function(){});

• 使用类选择器绑定点击事件，例如$(".slider-image").click(function(){});

• 使用标签本身绑定点击事件，例如$("img").click(function(){});，但这会将点击事件绑定到页面上的所有图像，除非您用特定于类的容器包围它们，在这种情况下$(".containerName img").click(function(){});