javascript - jQuery:将 Div 名称存储在变量中，然后在 Action 中调用它

Question

所以我一直在努力解决这个问题，我想做的就是将一个 div 名称存储在一个变量中以便于编辑，然后允许在显示/隐藏等标准操作中调用它。

如果没有这些变量，我的代码可以正常工作，但有了它们它不会加载 div，我已经完成了一个控制台日志以确保它知道 div 名称是基于存储的变量并正确返回。

这是我的代码:-

var buttonActive = 0;
var yourMenuDiv = '.menu-menu-1-container';

$(function() {

    $(yourMenuDiv).before('<div class="responsiveButton"><div id="rBBar"></div><div id="rBBar"></div><div id="rBBar"></div></div>');
    $(yourMenuDiv).before('<div class="responsiveMenu"><div id="responsiveTitle"></div></div>');
    $(yourMenuDiv + 'ul').clone().appendTo('.responsiveMenu');
    $('.home #logoImage').clone().appendTo('#responsiveTitle');

    console.log(yourMenuDiv);

    $(window).resize(function() {
        if ($(window).width() < 600) {
            $(yourMenuDiv).hide();
            $('.responsiveMenu, .responsiveButton').show();
        }else{
            $('.responsiveMenu').removeClass('expandMenu');
            $('.responsiveButton').removeClass('expandMenuButton');
            $('.responsiveMenu, .responsiveButton').hide();
            $(yourMenuDiv).show();
            buttonActive = 0;
        }
    });

    $(function() {
        if ($(window).width() < 600) {
            $(yourMenuDiv).hide();
            $('.responsiveMenu, .responsiveButton').show();
        }else{
            $('.responsiveMenu, .responsiveButton').hide();
            $(yourMenuDiv).show();
            buttonActive = 0;
        }
    });  

    $('.responsiveButton').click(function() {
        if (buttonActive == 0){
            $('.responsiveMenu').addClass('expandMenu');
            $('.responsiveButton').addClass('expandMenuButton');
            buttonActive = 1;
        }else{
            $('.responsiveMenu').removeClass('expandMenu');
            $('.responsiveButton').removeClass('expandMenuButton');
            buttonActive = 0;
        }
    });

});

谢谢

Answer 1

你应该尝试这样的事情:

var yourMenuDiv = $('.menu-menu-1-container');

然后只需调用方法:yourMenuDiv.methodHere。