Question

我在单独的.js文件中有一个菜单脚本：

jQuery(document).ready(function ($) {
$("#mmenu").hide();
$("#cover").hide();
var wys = $('#mmenu').height();
var open = false;
$(".mtoggle").click(function () {
    $("#mmenu").slideToggle(500);
    $("#cover").fadeToggle("400", "swing");
    if (open) {
        $(window).off('scroll.menuopen');
    } else {
        $(window).on('scroll.menuopen', scrollHandler);
        $(window).scrollTop(wys);
    }
    open = !open;
});
function scrollHandler(e) {
    if ($(window).scrollTop() > wys) {
        var limit = wys + 50;
        $(window).scrollTop(limit);
    }
}});

还有一个多页面布局，我在一个html文件中确定新页面：

<section data-role="page" id="index" data-theme="a">, <section data-role="page" id="page2" data-theme="a">, <section data-role="page" id="page3" data-theme="a">

问题是菜单切换脚本仅适用于#index部分，它不会影响其他#pages的菜单。我该怎么做才能解决它？

Answer 1

Id需要是唯一的，而类不需要，所以你可以只使用一个类，如：

<div class="mmenu"></div>

然后在你的js：

中使用它

$(".mmenu").hide();

jQuery移动自定义脚本仅在多页面布局中的主图像上工作

1 个答案: