1

我创建了一段脚本，用于收集页面内容，将其放入div页面外的标签中，然后将其从右侧滑入，删除旧div标签，然后附加一个新标签，然后再次重复该过程一次另一个页面被选中。

JavaScript：

$(window).click(function() {
    $(".container:eq(1)").html("new stuff").slideDown(500, function() {
        $(".container:eq(0)").animate({
            width: "0px",
            opacity: 0
        }, 500, "", function() {
            $(this).remove();
            $(".container").parent().append('<div clas="container"></div>');
            $(".container:eq(1)").hide();
        });
    });
});​

HTML：

<div>
    <div class="container">Test</div>
    <div class="container"></div>
</div>​

这是一个小提琴：http: //jsfiddle.net/PVG8r/

当您单击该页面时，它第一次运行良好，但每隔一次，我希望再次显示“新内容”，而旧的“新内容”会滑开，引入新的“新内容”。我已经测试了一些警报，并且新对象的高度null不存在。我可以在 HTML 中看到新元素，但它似乎没有被$(".container:eq(1)").

4

2 回答 2

3

class您在附加的 HTML 中有拼写错误的属性：

改变这个：

$(".container").parent().append('<div clas="container"></div>');

对此：

$(".container").parent().append('<div class="container"></div>');

请参阅此处的工作示例：http: //jsfiddle.net/jfriend00/aeBrd/

于 2012-08-27T22:07:11.520 回答
2

你的代码有错别字。在下面的行中：

$(".container").parent().append('<div clas="container"></div>');

clas如您所知，应该是class。这使它可以正常工作。

于 2012-08-27T22:07:13.897 回答