Trung tâm cá nhân
sách gpt4 ăn đã đi

javascript - jPanelMenu 在 IE(所有版本)中无法正常工作

In lại 作者：数据小太阳 更新时间：2023-10-29 04:51:13 25 4
mua khóa gpt4 giày nike

我在我的一个网站上使用 jPanelMenu jQuery 插件。我注意到 IE(所有版本)中存在问题。

当菜单被触发时，它会按预期滑入。单击菜单项后，页面滚动到所需的部分并再次关闭。当菜单关闭时，网站的右侧会出现不需要的边距。再次打开菜单时，它的大小缩小了一半，再次缩小了内容的差距。

这是一个 fiddle : http://jsfiddle.net/huzLU/1/

三个屏幕截图显示了 IE 中的问题:

这是我用于菜单的代码:


$(document).on('touchend',jP.panel,function(e){
e.preventDefault();
if ( jP.menuIsOpen() ) jP.closeMenu(jP.options.animated);
});

$(document).on('click',jP.panel,function(e){
e.preventDefault();
if ( jP.menuIsOpen() ) jP.closeMenu(jP.options.animated);
});



$(tài liệu).ready(hàm(){
var jPM = $.jPanelMenu({
closeOnContentClick: false
});
jPM.on();

$('a[href^="#"]').on('click',function (e) {
e.preventDefault();

var target = this.hash,
$target = $(target);

$('html, body').stop().animate({
'scrollTop': $target.offset().top-50
}, 900, 'swing', function () {
window.location.hash = target;
});
đặt thời gian chờ(hàm() {
jPM.close(true);
}, 900, 'swing');
});

});

还有；这是网站的链接:www.didson.nl

我希望有人能帮助我，在此先感谢!

câu trả lời hay nhất

编辑:试试这个新的 Fiddle .我修复了 setTimeout 调用以关闭。 (实际上，您根本不需要设置超时)

lời chào

问题与样式有关。它将类为“.jPanelMenu-panel”的 div 设置为“position: relative;”这导致了一些问题。

在此Fiddle您可以看到如何通过将位置设置为绝对位置来解决问题。过渡看起来很糟糕，当然，但我让你来决定。

您的版本的 HTML:


我添加的行:

    $(".jPanelMenu-panel").css('position', 'absolute');

Hy vọng điều này sẽ giúp!

关于javascript - jPanelMenu 在 IE(所有版本)中无法正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23814158/

25 4 0
Đề xuất bài viết: Application.GetWindow() *rất* chậm
数据小太阳
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress