javascript - 每种情况下的标签 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(){});