
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
</style>
<script type="text/javascript" src="/assets/js/jqueryminjs"></script>
<script type="text/javascript">
$(function() {
});
myclick=function(){
input=topdocumentgetElementsByName("fzcftj");
input[0]value="提交中";
}
//$fn 是jquery命名空间,这里定义了megamenu这个成员函数,jquey对象可以直接调用这个成员函数
$fnmegamenu = function(e) {//这个成员函数有个入参 e,e是指接收某个动作事件,但是这里并没有什么卵用。
function r() {//定义一个局部函数,名字是r,这个函数只能内部用
$("megamenu")find("li, a")unbind();//查找classname是megamenu的元素,然后找这个元素下面的li列表元素,a链接元素,移除这两种元素的事件处理程序。
if (windowinnerWidth <= 768) {//获取浏览器当前窗口大小,如果小于768px,则执行下面的东东
o();//别问我这些方法是干嘛,都是你自己定义的,我也不知道是干嘛的,我只知道具体的代码是干嘛的。我就是我,我是不一样的焰火。
s();
if (n == 0) {
$("megamenu> li:not(showhide)")hide(0)//隐藏megamenu下面的li元素中没有showhide这个classname的li元素
}
} else {
u();
i()
}
}
function i() {
$("megamenu li")bind("mouseover",
function() {//绑定鼠标悬浮其上的方法
$(this)children("dropdown, megapanel")stop()fadeIn(tinterval)//查找megamenu下的li元素中,有dropdown和megapanel这两种样式的元素,停止其当前正在运行的动画,以250毫秒的速度淡入
})bind("mouseleave",
function() {//绑定鼠标移开的方法
$(this)children("dropdown, megapanel")stop()fadeOut(tinterval)//查找megamenu下的li元素中,有dropdown和megapanel这两种样式的元素,停止其当前正在运行的动画,以250毫秒的速度淡出
})
}
function s() {
$("megamenu > li > a")bind("click",//查找megamenu样式下的的子元素li下的子元素a,并绑定click事件
function(e) {
if ($(this)siblings("dropdown, megapanel")css("display") == "none") {//查找这个a元素的(不包括这个a元素)其他所有的同胞a元素,而且必须是有dropdown和megapanel这两种样式的a元素,判断他是否显示,如果隐藏则进入这个if分支。
$(this)siblings("dropdown, megapanel")slideDown(tinterval);//查找这个a元素的(不包括这个a元素)其他所有的同胞a元素,而且必须是有dropdown和megapanel这两种样式的a元素,以250毫秒的速度下滑
$(this)siblings("dropdown")find("ul")slideDown(tinterval);//查找这个a元素的(不包括这个a元素)其他所有的同胞a元素,而且必须是有dropdown样式的a元素下的ul元素,以250毫秒的速度下滑
n = 1
} else {
$(this)siblings("dropdown, megapanel")slideUp(tinterval)//查找这个a元素的(不包括这个a元素)其他所有的同胞a元素,而且必须是有dropdown和megapanel这两种样式的a元素,以250毫秒的速度上滑
}
})
}
function o() {
$("megamenu > lishowhide")show(0);//megamenu样式的元素下的li元素并且是带showhide样式的元素,显示出来
$("megamenu > lishowhide")bind("click",//megamenu样式的元素下的li元素并且是带showhide样式的元素,绑定click事件
function() {
if ($("megamenu > li")is(":hidden")) {//megamenu样式的元素下的li元素,是不是隐藏,如果隐藏,则进入这个if分支
$("megamenu > li")slideDown(300)//megamenu样式的元素下的li元素以300毫秒的速度下滑
} else {
$("megamenu > li:not(showhide)")slideUp(300);//megamenu样式的元素下的li元素并且是不带showhide样式的元素,以300毫秒的速度上滑
$("megamenu > lishowhide")show(0)//megamenu样式的元素下的li元素并且是带showhide样式的元素,显示出来
}
})
}
function u() {
$("megamenu > li")show(0);//megamenu样式的元素下的li元素,显示出来
$("megamenu > lishowhide")hide(0)//megamenu样式的元素下的li元素并且是带showhide样式的元素,隐藏起来
}
var t = {
interval: 250//定义一个变量,他有个interval的元素,值是250
};
var n = 0;
$("megamenu")prepend("MENU");//在megamenu元素的开头添加一行字:MENU
r();
$(window)resize(function() {//窗口大小有变动时调用。
r()
})
}
</script>
</head>
<body>
<input name="fzcftj" type="submit" value="提交" onclick="myclick();">
</body>
</html>
大神在此,有事烧纸!
报这个错是提示没有引入 popperjs ,所以需要确认集成的是不是哪里有问题;
为了调试,可以不用集成的,或单独再引入一遍 popperjs 文件看会不会报错,如果单独引入没问题,那就说明是集成的 js 哪里不对。一点点调试。
注意引入文件的顺序。
<script>
var last;
var btns = documentquerySelectorAll("dropbtn");
for (var i = 0; i < btnslength; i++) {
btns[i]onclick = function() {
lastlastclassListremove("bak"):0;
thisclassListadd("bak");
last=this;
};
}
</script>
可以通过jquery的属性选择器获取到元素,然后再得到title,具体代码如下:
$('button[data-id="id_select_gg"]')attr('title')
bootstrap是不提供 输入框 提示功能 的JS插件,一直到到现在的v3都不提供。
但是他提供模态窗、下拉菜单等JS插件,具体的可以到官方网站查看,在网站顶部有个页签“javascript”就是JS插件了。
bootstrap所有的JS插件都是jQuery插件,提供两种接口方式,一种是在页面元素中声明data-属性,如:
<div class="dropdown"><a data-toggle="dropdown" href="#">Dropdown trigger</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
</ul>
</div>
另一种,就是直接 *** 作JS接口,如:
$('dropdown-toggle')dropdown()你在连接上使用 onclick 函数,<a href='#' onclick=函数名(变量)>连接名称</a>
js 函数可以这样定义例如function rLink(){documentlocationreload(变量);}
嘻嘻
以上就是关于JS 我想知道这些代码对应的意思 求大神帮助全部的内容,包括:JS 我想知道这些代码对应的意思 求大神帮助、Uncaught TypeError: Bootstrap dropdown require Popper.js 求大神指导、用JS实现点击任一按钮只有那个按钮显示被按下去了等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)