0

私のページには動的なdivがあり、その中で2つのdivを切り替えたいと思っています。divの元の値を保持する必要があるため、これは間違ったアプローチである可能性があります

これがこれまでの私のコードです、私はそれを動かすことができないようです。

$(".change").live("click", function() {
  var changeDiv = $(this).parents(".changeContainer").find(".changeDiv");
  changeDiv.toggle();
  changeDiv.html(changeDiv.html() == '<input type='text' />' ? 'Original Value of the DIV' : '<input type='text' />');
}


<div class="changeContainer">
   <div class="changeDiv">Basketball - <a href="#" class="change">Change Sport</a>   </div>
</div>
4

2 に答える 2

1

トグルではなく、標準の表示/非表示を使用します。両方のdivを配置し、そのうちの1つを最初にstyle="display:hidden"配置してから、適切なdivでjquery .hide()と.show()を使用してそれらを交換します。

于 2012-12-13T19:01:17.130 に答える
0

たぶんあなたはもっと

$(".change").live("click", function() {
  var changeDiv = $(this).parents(".changeContainer").find(".changeDiv");

  if(changeDiv.hasClass('orig') {
       orig_html = changeDiv.html();
       changeDiv.html('<input type='text' />');
  else
       changeDiv.html(orig_html);
  }
  changeDiv.toggleClass('orig');
}

そして、グローバル変数orig_htmlがあります。注意してください、私はコードをテストしませんでした。

于 2012-12-13T19:00:42.367 に答える