Question

我对通过Jquery操作的元素的绝对定位存在问题。但是我设法通过将元素放在left:0px;。

来解决问题

在这个过程中我还发现了一个我不知道如何修复的问题。只需将Jq Framework更改为1.10.1并更新页面然后运行它，就可以使用JS Fiddle复制此问题。它好像代码中断并且只是部分有效。我在我构建它的页面中遇到了同样的问题。

我有;

检查所有链接，确保它们没有损坏或拼写错误。
扫描所有代码是否存在语法错误。

这是脚本。

$(document).ready(function () {

    $(".slide-one").show();
    $(".slide-two").hide();

    $(".show_hide").show();

    $('.show_hide').click(function () {
        $(".slide-one").toggle( "slide", 1000 );
    });
    $('.show_hide').click(function () {
        $(".slide-two").toggle( "slide", 1000 );
    });

});

Answer 1

在jsFiddle中使用jQuery1.10时，需要单独链接到jQueryUI。这为我解决了你的新问题。

此外，但不是导致问题的原因，您只需将.click绑定到.show_hide一次。

$('.show_hide').click(function () {
    $(".slide-one").toggle( "slide", 1000 );
    $(".slide-two").toggle( "slide", 1000 );
});

这是一个更新的小提琴： Here

Answer 2

您对.toggle()的来电错误，API说：

.toggle( duration [, easing ] [, complete ] )

所以它的持续时间先是宽松类型。正如帕特里克艾伦指出的那样，如果你不加载jQueryUI，你就不会有＆＃34;幻灯片＆＃34;缓动功能 - 您可以在控制台中看到未定义的函数调用。

我想你可能想用：

$(".slide-one").slideToggle( 1000 );

获得您正在寻找的效果。 Fiddle。

简单的滑块不工作＆amp;绝对定位问题

2 个答案: