標籤的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(){});，但這將click事件綁定到所有圖像的網頁上，除非你包圍他們用一個類specfic容器，在這種情況下$(".containerName img").click(function(){});