[英]addClass Doesn't work
我正在嘗試使用.addClass()將不同的段落添加到同一段落,但是它不起作用,它總是將所有段落添加到div中。
這是我的html代碼:
<div class="topText" id="text1">
<a class="p1">link1</a>
<a class="p2">link2</a>
<a class="p3">link3</a>
<a class="p4">link4</a>
<div class="popUp">
<p class="t1" style="text-align:justify;">text 1</p>
<p class="t2" style="text-align:justify;">text 2</p>
</div>
</div>
這是我的Jquery代碼:
$(document).ready(function(){
$('#text1 p').click(function(event){
$('.popUp').toggle(function(){
$(this).animate({ width: 500, height: 200}).css('visibility','visible');
//event.target è l'elemento su cui l'utente ha cliccato
var $target = $(event.target);
//inibisce il comportamento standard del link
event.preventDefault();
if ($target.hasClass('p1')) {
$('.popUp').addClass('t1');
}
else if ($target.hasClass('p2')) {
$('.popUp').removeClass('.t1').addClass('.t2');
}
else if ($target.hasClass('p3')) {
}
else if ($target.hasClass('p4')) {
}
});
});
});
也許我誤解了您的目標,但是addClass()不會創建元素。 它將HTML類屬性添加到選擇器。
addClass
用於將CSS類添加到元素。 要“添加”段落,請使用更合適的方法,例如.append
。 .append文件
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.