。點擊不會點擊包裹在其他的div時

下面是我使用的代碼。點擊不會點擊包裹在其他的div時

$(document).ready(function(){ 
$('.likeBtn').click(function() { 
    $(this).toggleClass('clicked'); 
}); 

});

它工作時，它只是單獨但是當我把它在當場我需要它，裏面約三個div不工作了，爲什麼？

你可以看到我在這裏想使用它：http://absdfsderedfdsfrr.tumblr.com/

CSS

.like_button { 
width: 100%; 
height: 100%; 
position: absolute; 
margin: 0; 
top: 0; 
left: 0; 
opacity: 0; 
} 

.like_button iframe { 
width: 100%; 
height: 100%; 
} 
ul#meta li.likeBtn { 
    display: block; 
    width: 21px; 
    height: 20px; 
    position: relative; 
    background: url('http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png'); 
} 
ul#meta li.clicked { 
    background: url('http://static.tumblr.com/uiqhh9x/Y36m6h0qu/liked.png')!important; 
}

HTML（埋在的div雖然）

<ul id="meta"> 
<li class="likeBtn">{LikeButton color="grey" size="20"}</li> 
</ul>

來源

2013-10-18 user2726228

能否請你分享的影響div中的HTML和CSS？ – Steve

http://absdfsderedfdsfrr.tumblr.com/ 您可以在左邊看到我正在嘗試更改的心臟 – user2726228

我想，在編輯主題模板時，您可能會從Tumblr API獲得一些幫助！ –

你可能想試試這個：

$(document).ready(function(){ 
    $('.likeBtn').on('click', function() { 
     $(this).toggleClass('clicked'); 
    }); 

});

來源

2013-10-18 23:05:34 fvgs

它沒有工作:( – user2726228

這可能不是問題。作爲一個孩子在jQuery中不會引起任何問題，因爲即使是第一個div元素也是body的孩子。

您是否嘗試過使用：

$('.likeBtn').click(function() { 
    $(this).attr('class', 'clicked'); 
});

搗鼓這個：http://jsfiddle.net/afzaal_ahmad_zeeshan/XupXa/1/

來源

2013-10-18 23:14:15

我剛剛嘗試，但它似乎並沒有工作？也許有我的代碼中的錯誤，我會懷疑檢查 – user2726228

有可能是主題方缺失的東西，當然！你應該給它第二次看.. –

我認爲你正在尋找此，請按照下面的鏈接演示中，我做了一個例子，你得到的有關想法和修復你的bug

$(document).ready(function(){ 
$(".likeBtn").click(function() { 
    $(this).toggleClass("clicked"); 
}); 
});

^h TML

<ul id="meta"> 
<li class="likeBtn" >Click to toggle</li> 
<li class="likeBtn clicked">clicked</li> 
</ul >

CSS

.likeBtn { 
width: 100%; 
height: 100%; 
margin: 0; 
top: 0; 
left: 0; 
background: url('http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png'); 

    } 
    .blue { 
    color: red; 
    } 
.red { 
    color: blue; 
    } 
    .clicked { 
    background: url('http://static.tumblr.com/uiqhh9x/Y36m6h0qu/liked.png')!important; 
    }

Demo

來源

2013-10-18 23:34:13 user2092317

。點擊不會點擊包裹在其他的div時

回答

相關問題