Jquery 单击按钮打开剑道提示自定义对话框
我曾试图拼凑谷歌搜索中的一些信息，但我找不到一个明确的答案来解释为什么页面刷新时剑道提示只起一次作用。下面是一个简单的脚本，它基于Telerik提供的一个示例，但我对它进行了修改，允许通过单击按钮触发提示。似乎在单击之后，无法再访问提示符div，但我不明白为什么。有人知道答案吗Jquery 单击按钮打开剑道提示自定义对话框,jquery,kendo-ui,dialog,prompt,Jquery,Kendo Ui,Dialog,Prompt,我曾试图拼凑谷歌搜索中的一些信息，但我找不到一个明确的答案来解释为什么页面刷新时剑道提示只起一次作用。下面是一个简单的脚本，它基于Telerik提供的一个示例，但我对它进行了修改，允许通过单击按钮触发提示。似乎在单击之后，无法再访问提示符div，但我不明白为什么。有人知道答案吗 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Kendo UI Sn
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.common.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.rtl.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.silver.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.mobile.all.min.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.3.1026/js/kendo.all.min.js"></script>
</head>
<body>
<div id="prompt"></div>
<div><button class="k-button" onclick="onClk()">Click Here</button></div>
<script>
function onClk() {
$("#prompt").kendoPrompt({
content: "Prompt text",
value: "Default input text",
messages:{
okText: "OK"
}
}).data("kendoPrompt").result.done(function(data){
console.log("User accepted with text: " + data);
})
.fail(function(data){
console.log("User rejected with text: " + data);
});
}
</script>
</body>
</html>
剑道UI片段
点击这里
函数onClk（）{
$（“#提示”）.kendoPrompt({
内容：“提示文本”，
值：“默认输入文本”，
信息：{
OK文本：“OK”
}
}).data（“kendoPrompt”）.result.done（函数（数据）{
console.log（“用户接受文本：“+数据”）；
})
.失败（功能（数据）{
console.log（“用户被拒绝，文本：“+数据”）；
});
}
确定取消divkendoprompt.data（）javascriptdiv函数myPrompt（）{
$（“#提示”）.kendoPrompt({
内容：“提示文本”，
值：“默认输入文本”，
信息：{
OK文本：“OK”
}
}).data（“kendoPrompt”）.result.done（函数（数据）{
console.log（“用户接受文本：“+数据”）；
})
.失败（功能（数据）{
console.log（“用户被拒绝，文本：“+数据”）；
});
}
$（文档）.ready（函数（）{
$（“.k-button”）。在（'click'，function（）上{
如果（$（“#提示”）。长度<1）{
var div=document.createElement（'div'）；
div.setAttribute（'id'，'prompt'）；
$（'body'）。追加（div）；
}
myPrompt（）；
});
})
点击这里