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(){});

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

1 个答案: