-1

こんにちは、jQuery で div を削除したいと思います。これは私のコードですが、テストがあり、機能しません。div は削除されません。助けて。

var img_old=$(".colCenter").find('#div_'+old_id);
img_old.delay(10).animate({top:1440},1500, function(){
img_old.remove();
});

これはhtmlです

<div class="colCenter" id="two">
    <div id="randomdiv" style="display:none;"></div>
    <div class="content" id="div_index">
        <div class="img_background">
                        <img src="img/sfondi/index.jpg" alt="" class="old_img" id="img_index"/>
                    </div>
                    <div class="logo_home">
                        <a href="index.php"><img src="img/logo_grande.png" alt="Web & Design" title="Web & Design" /></a>
                    </div>
                </div>
</div>
4

5 に答える 5

2

http://jsfiddle.net/mblase75/FJchB/ -- あなたのコードは私にとっては問題なく動作します。

コードで変数old_idが設定されていない可能性がありますか? 何かを起こすには、「インデックス」に設定する必要がありました。

$(document).ready{...}他の人が示唆しているように、要素がロードされた後にのみ実行されるように、コードをブロックでラップする必要もあります。

于 2012-09-06T13:06:52.803 に答える
1

が「インデックス」であるかどうかを確認してくださいold_id。そうでない場合、コードは機能しません。div_indexしかないからです。

このコードを次の間に実行してみてください。

$('document').ready( function() {

と

}
于 2012-09-06T13:08:36.747 に答える
1 
<script>
$(function(){
 var img_old=$(".colCenter").find('#divx');
 img_old.delay(10).animate({top:1440},1500, function(){
 img_old.remove();
});
});
</script>
<div class="colCenter">
<div  id="divx">Another one text 3</div> 
</div>

私にとってはうまくいきます。DOM の準備ができている場所で JavaScript コードを実行してみてください。

于 2012-09-06T13:07:21.317 に答える
0

これを試して

var old_id = 'index';
var img_old = $('.colCenter').find('#div_' + old_id);
img_old.delay(10).animate({
    top: 1440
}, 1500, function() {
    img_old.remove();
});
于 2012-09-06T13:09:46.340 に答える
0

この例では正常に動作します:

jsfiddle

HTML

ID: <input type="text" id="id" value="0"/>

<div>
   <div class="colCenter">
      <div id="div_0">0</div>
      <div id="div_1">1</div>
      <div id="div_2">2</div>
      <div id="div_3">3</div>
   </div>
</div>

<input type="button" id="button" value="Go"/>

JS

$(function() {
    $('#button').click(function() {

        var old_id = $('#id').val();
        var img_old = $(".colCenter").find('#div_' + old_id);
        img_old.delay(10).animate({
            top: 1440
        }, 1500, function() {
            img_old.remove();
        });
    });
});​
于 2012-09-06T13:07:50.287 に答える