тег 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

У вас есть несколько вариантов:

• связывают нажмите событие с помощью идентификаторов, например, $("#image_1").click(function(){});

• связать событие щелчка с помощью селектора классов, например. $(".slider-image").click(function(){});

• связать событие щелчка, используя сам тег, например. $("img").click(function(){});, но это будет связывать событие клика для всех изображений на странице, если вы не окружать их с контейнером класса-specfic, в этом случае $(".containerName img").click(function(){});