gpt4 book ai didi

javascript - 弹出表单失败,但在 JsFiddle 中,它有效

转载 作者:太空宇宙 更新时间:2023-11-04 12:37:27 26 4
gpt4 key购买 nike

我的弹出表单在 JSFIDDLE 中运行良好,但在我的服务器中无法运行。以下代码:

我不会忘记输入 <head> :

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="assets/js/loginPopUp/jquery_popup.js"></script>
<script src="assets/js/loginPopUp/jquery_popup.css"></script>
</head>

HTML:

<ul id="topRight-link">
<li><a href="#"> Register </a></li>
<li id="popUp-login"><img src="">Login</li>
</ul>

<div id="login-PopUp-box">
<form class="form" action="#" id="login">
<h3>Login Form</h3>
<label>Username : </label>
<input type="text" id="username" placeholder="john.wick@yahoo.com"/>
<label>password : </label>
<input type="text" id="password" placeholder="************"/>
<input type="button" id="loginbtn" value="Login"/>
<input type="button" id="cancel" value="Cancel"/>
</form>
</div>

CSS:

#login-PopUp-box {
display:none;
}

最后,脚本在这里:

<script type="text/javascript">
$("#popUp-login").click(function() {
$("#login-PopUp-box").css("display", "block");
});
</script>

这里是 JSFIDDLE .

server和jsfiddle中的代码完全一样。我试图在浏览器中查看源页面,以及 <head> 的文件住在那里。但它在我的服务器上不起作用。我错过了什么吗?

最佳答案

JSfiddle 正在使用 onload 添加 JS - 这样应该可以工作 -

$( document ).ready(function() {
console.log( "ready!" );
$("#popUp-login").click(function() {
$("#login-PopUp-box").css("display", "block");
});

});

关于javascript - 弹出表单失败,但在 JsFiddle 中,它有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27182451/

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