gpt4 book ai didi

javascript - 如何在文档就绪函数中调用变量的单击函数?

转载 作者:行者123 更新时间:2023-11-28 15:26:57 25 4
gpt4 key购买 nike

我想在文档加载功能上触发我的 menu1 上的单击事件。由于我在该菜单上有很多功能,因此我将其分配给了一个变量。并调用该变量的单击事件。但它不起作用。

$(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"
});
});
});

最佳答案

浏览器逐行运行您的 JavaScript。因此,触发点击时不会附加 $("#menuone").click 的绑定(bind)。

解决方案:

$( 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") code>,我这是一个拼写错误?

关于javascript - 如何在文档就绪函数中调用变量的单击函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28691367/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com