0

次のボタンがあります

<button class="image1-button" data-image="bg_images/1.jpg">button 1</button>
<button class="image1-button" data-image="bg_images/2.jpg">button 2</button>
<button class="image1-button" data-image="bg_images/3.jpg">button 3</button>
<button class="image1-button" data-image="bg_images/4.jpg">button 4</button>

次のコードで

$(".image1-button").click(function() { 
var url = 'url(' + $(this).data('image') + ')';

$('#div1').css('background-image', url).fadeIn(500);

 // what to write in this if that it works...
 if('data-image="bg_images/2.jpg"') {
     here should something happen if button 2 is pressed
 }

それが入ってイベントを発生させるif条件をどのように書く必要がありますか? ありがとう!

4

3 に答える 3

5
if ($(this).data("image") === "bg_images/2.jpg") {
    // ...
}
于 2013-02-10T14:41:32.563 に答える
3
if($(this).data('image') == 'g_images/2.jpg' ) { 
    //do your stuff.
}
于 2013-02-10T14:41:53.107 に答える
3
if ( $(this).data('image') == 'bg_images/2.jpg' ) {
    // ...
}

また

if ( $(this).attr('data-image') == 'bg_images/2.jpg' ) {
    // ...
}
于 2013-02-10T14:43:39.663 に答える