-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
<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 回答
1

检查是否old_id为“索引”,否则您的代码不起作用。因为只有div_index。

尝试在以下代码之间执行此代码:

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

}
于 2012-09-06T13:08:36.747 回答
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 回答
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 回答