JS脚本(似乎)在.jsp (Netbeans)中被忽略
我试图制作一个.jsp，通过单击一个按钮，页面会打开一个带有某些内容的模态对话框。我也在使用jQuery。我对此很陌生，因此，为了测试jQuery是否有效，我首先尝试了这样一种"Hello“：
<head>
<link rel="stylesheet" type="text/css" href="css/bibliopdf.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
</head>
<script>
function myFunction() {
$("#h01").text("Hello jQuery");
}
$(document).ready(myFunction);
</script>在身体部分，刚开始我有一个：
<h1 id="h01"></h1>现在，如果我尝试在Netbeans上运行这个项目，"Hello jQuery“就会像预期的那样出现。这意味着jQuery被识别得很好。
但当我详细阐述事情时，问题就开始了，我试着制作一个按钮来打开一个模态对话框。然后，我所做的功能变成：
<script>
function myFunction() {
$("#h01").text("Hello jQuery");
var diag;
diag = $("#idNovoDialog").dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons: {
"Adicionar",
"Cancelar",
}
});
$("#idNovo").button().on( "click", function() {
diag.dialog("open");
});
}
$(document).ready(myFunction);
</script>.jsp现在有：
<div id="idNovoDialog">
Some stuff
</div>还有一个按钮：
<input type="button" value="NOVO" style="width:180px;" id="idNovo"/>所以，如果我尝试运行它，它的作用就好像脚本从一开始就没有出现过一样。不仅对话框部分不工作，而且"Hello“部分也停止工作。因为它以前起作用了，我相信javascript代码中有错误，但是我真的找不到它。
有人能说出我做错了什么吗？
回答 2
Stack Overflow用户
发布于 2015-07-05 03:19:59
问题是如何定义对话框选项的buttons：
buttons: {
"Adicionar",
"Cancelar",
}根据JQuery UI文档，当将其设置为对象时，键是按钮的名称，值是单击按钮时调用的函数。
buttons: {
"Adicionar": function() {
// Action here
},
"Cancelar": function() {
// Action here
}
}工作JSFiddle：http://jsfiddle.net/ynr4b64g/ JQuery UI按钮文档：http://api.jqueryui.com/dialog/#option-buttons
Stack Overflow用户
发布于 2015-07-05 03:20:44
稍微修改一下你的代码，我就能让它正常工作了。
$(document).ready(function () {
$("#h01").text("Hello jQuery");
});
$(function () {
$("#idNovoDialog").dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons: {
"Adicionar": function () {
$(this).dialog("close");
},
"Cancelar": function () {
$(this).dialog("close");
}
}
});
});
$("#idNovo").on("click", function () {
$("#idNovoDialog").dialog("open");
});这里的工作示例：https://jsfiddle.net/fzrgtkdq/
https://stackoverflow.com/questions/31226770
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号