如何在文件准备功能中调用变量的点击功能？

Question

我希望在文档加载功能上触发我的菜单1上的单击事件。由于我在该菜单上有很多功能，我将它分配给一个变量。并在该变量上调用click事件。但它不工作。

$(document).ready(function() { 
    var $menuone = $('#menu1'); 
    var $menutwo = $('#menu2'); 
    var $menuthree = $('#menu3'); 
    var $menufour = $('#menu4'); 
    $menuone.trigger("click"); 

    $("#menuone").click(function() { 
     $("#frm1").show(); 
     $("#frm3").hide(); 
     $("#frm4").hide(); 
     $("#frm2").hide(); 
     $(this).css({ 
      border: "2px solid #A69A8F", 
      "border-bottom-width": "0", 
      background: "#F7F7F7", 
      color: "#0D638B;" 
     }); 
     $(this).children().css({ 
      color: "#0D638B", 
      "font-weight": "bold" 
     }); 
    }); 

    $menutwo.click(function() { 
     $menuone.removeAttr('style'); 
     $menuone.children().removeAttr('style'); 
     $("#frm1").hide(); 
     $("#frm3").hide(); 
     $("#frm4").hide(); 
     $("#frm2").show(); 
     $(this).css({ 
      border: "2px solid #A69A8F", 
      "border-bottom-width": "0", 
      background: "#F7F7F7", 
      color: "#0D638B;" 
     }); 
     $(this).children().css({ 
      color: "#0D638B", 
      "font-weight": "bold" 
     });   
    }); 
}); 

Answer 1

浏览器逐行运行您的JavaScript。因此，在您触发点击时，未绑定$（“＃menuone”）。click。

解决方案：

$(document).ready(function() { 
    var $menuone = $('#menu1'); 
    var $menutwo = $('#menu2'); 
    var $menuthree = $('#menu3'); 
    var $menufour = $('#menu4'); 

    $("#menuone").click(function() { 
     $("#frm1").show(); 
     $("#frm3").hide(); 
     $("#frm4").hide(); 
     $("#frm2").hide(); 
     $(this).css({border:"2px solid #A69A8F","border-bottom-width":"0", background: "#F7F7F7",color:"#0D638B;"}); 
     $(this).children().css({color: "#0D638B","font-weight":"bold"}); 
    }); 

    $menutwo.click(function() { 
     $menuone.removeAttr('style');$menuone.children().removeAttr('style'); 
     $("#frm1").hide(); 
     $("#frm3").hide(); 
     $("#frm4").hide(); 
     $("#frm2").show(); 
     $(this).css({border:"2px solid #A69A8F","border-bottom-width":"0", background: "#F7F7F7",color:"#0D638B;"}); 
     $(this).children().css({color: "#0D638B","font-weight":"bold"}); 

    }); 

    // Put it here 
    $menuone.trigger("click"); 
}); 

顺便说一句，你的$menuone不是$("#menuone")但$("#menu1")，我猜它是一个错字？