Question

HTML：

<button id='btn'>Click</button>

main.html中：

<div id="main"><p>Hai I am Main..</p></div>

Sub.html

<div id="sub"><p>Hai I am sub..</p></div>

JS：

$(document).on("click", "btn", function(e) {
            e.preventDefault();

            var toggler = $('#main'),
                wrapper = toggler.find('#sub');

            if(wrapper.length==0){
                toggler.load("sub.html");
            }
            else{
                toggler.load("main.html");
            }

        });

模板加载工作正常，尝试在加载时将滑动事件添加到模板。我试过了$toggler.load("sub.html").slideUp()

模板应该加载动画幻灯片按钮再次单击按钮单击它应该向下滑动。我怎么能这样做？

Answer 1

$(document).on("click", "#btn", function(e) {
            e.preventDefault();
            var toggler = $('#main'),
                wrapper = toggler.find('#sub');
            if(wrapper.length==0){
                toggler.load("sub.html").slideToggle();
            }
            else{
                toggler.load("main.html").slideToggle();
            }
});

演示：

http://jsfiddle.net/y9avm/

将动画滑动到加载模板

1 个答案: