0

.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')) {

  } 
        });


    });
});
4

2 に答える 2

0

たぶん私はあなたの目標を誤解していますが、 addClass() は要素を作成しません。セレクターに HTML クラス属性を追加します。

于 2013-02-15T14:44:56.347 に答える
0

addClass要素に CSS クラスを追加するためのものです。.append段落を「追加」するには、たとえば次のようなより適切な方法を使用します。.append ドキュメント

于 2013-02-15T14:51:43.810 に答える