我如何......按下按钮点击这个压裂javascrpit [英] How do i...make this fracking javascrpit fire on button click
本文介绍了我如何......按下按钮点击这个压裂javascrpit的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
好的，谁能告诉我为什么click事件永远不会发生？
Ok, who can tell me why why why the click event never fires?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="Scripts/jquery-3.3.1.min.js"></script>
<script src="Scripts/anytime.5.2.0.js"></script>
<script>
$('#btnCalendar').click(
function(e) {
alert("I am an alert box!");
$('#txtbxStartDate').AnyTime_noPicker().AnyTime_picker().focus();
e.preventDefault();
} );
</script>
<link href="Styles/AdminItems.css" rel="stylesheet" />
<link href="Styles/anytime.5.2.0.css" rel="stylesheet" />
</head>
<body>
<input type="text" id="txtbxStartDate" runat="server" />
<button id="btnCalendar">
<img src="./Images/calendar.png" alt="[CLickMe]" />
</button>
</body>
</html>
我只是一个可怜的c / c＃开发者。
我尝试了什么：
将其从网络应用程序中删除并输入一个简单的HTML文件。重读太多你试过......帖子ob stackoverflow
I'm just a poor c/c# developer.
What I have tried:
taking it out of the web app and putting in a simple html file. REading too many 'have you tried...' posts ob stackoverflow
推荐答案
（'＃btnCalendar'）。点击（
function（e）{
alert（我是一个警报框！）;
('#btnCalendar').click( function(e) { alert("I am an alert box!");
（'＃txtbxStartDate'）。AnyTime_noPicker（）。AnyTime_picker（）。focus（）;
e .preventDefault（）;
}）;
< / script>
< link href =Styles / AdminItems.css =stylesheet/>
< link href =Styles / anytime.5.2.0.css =stylesheet/>
< / head>
< body>
< input type =textid =txtbxStartDaterunat =server/>
< button id =btnCalendar>
< img src =./ Images / calendar.pngalt =[CLickMe]/>
< / button>
< / body>
< / html>
('#txtbxStartDate').AnyTime_noPicker().AnyTime_picker().focus(); e.preventDefault(); } ); </script> <link href="Styles/AdminItems.css" rel="stylesheet" /> <link href="Styles/anytime.5.2.0.css" rel="stylesheet" /> </head> <body> <input type="text" id="txtbxStartDate" runat="server" /> <button id="btnCalendar"> <img src="./Images/calendar.png" alt="[CLickMe]" /> </button> </body> </html>
我只是一个可怜的c / c＃开发者。
我尝试了什么：
将其从网络应用程序中删除并输入一个简单的HTML文件。重读太多你试过......帖子ob stackoverflow
I'm just a poor c/c# developer.
What I have tried:
taking it out of the web app and putting in a simple html file. REading too many 'have you tried...' posts ob stackoverflow
Javascript在加载时运行，所以你在它存在之前引用btnCalendar。将脚本移动到页面底部，或将事件附加到文档就绪事件中的btnCalendar（在其他所有事件加载后运行）。
Javascript runs as it loads, so you are referencing btnCalendar before it exists. Move the script to the bottom of the page, or attach your event to btnCalendar in the document ready event (that runs after everything else has loaded).
这篇关于我如何......按下按钮点击这个压裂javascrpit的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
