Fatal编程技术网
  • javascript/
  • Javascript Jquery对话框不会打开吗？

Javascript Jquery对话框不会打开吗？

javascript jquery html

Javascript Jquery对话框不会打开吗？,javascript,jquery,html,Javascript,Jquery,Html,我不熟悉jquery。我试图在动态html内容上创建一个jquery对话框。我试过两种不同的方法。尽管如此，它还是不起作用？代码有什么问题。请帮帮我 1在（'click'，function（）{//action}）上尝试$（'opener'） 2尝试$（文档）.on（'click'，'#opener'，function（）{//action}） jQueryUI对话框-动画 打开对话框 $（函数（）{ 函数makedialog（）{ var htmlData=''； htmlData+='这

我不熟悉jquery。我试图在动态html内容上创建一个jquery对话框。我试过两种不同的方法。尽管如此，它还是不起作用？代码有什么问题。请帮帮我

1在（'click'，function（）{//action}）上尝试
$（'opener'）

2尝试
$（文档）.on（'click'，'#opener'，function（）{//action}）




jQueryUI对话框-动画
打开对话框
$（函数（）{
函数makedialog（）{
var htmlData=''；
htmlData+='这是一个用于显示信息的动画对话框。可以使用“x”图标移动、调整和关闭对话框窗口。
'；
htmlData+=''；
$（'new#u dialog_area'）.html（htmlData）；
}
//$（'#opener'）。在（'单击'，函数（）上）{
$（文档）.on（'click'，'#opener'，function（）{
makedialog（）；
$（“#对话框”）。对话框({
自动打开：错误，
});
$（“对话框”）。对话框（“打开”）；
});
});

我认为这是另一个错误


change this  'x' to  \'x\'


在第一种情况下，它被视为一个变量

在第二种情况下，它被视为引号中的简单字符串/字符


htmlData += '<p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the \'x\' icon.</p>';
       htmlData += '</div>';



htmlData+=”这是一个动画对话框，用于显示信息。可以使用“x\”图标移动、调整和关闭对话框窗口。
；
htmlData+=''；


演示：

附言

继续阅读@J.C.Rocamonde的答案：
我认为这是另一个错误


change this  'x' to  \'x\'


在第一种情况下，它被视为一个变量

在第二种情况下，它被视为引号中的简单字符串/字符


htmlData += '<p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the \'x\' icon.</p>';
       htmlData += '</div>';



htmlData+=”这是一个动画对话框，用于显示信息。可以使用“x\”图标移动、调整和关闭对话框窗口。
；
htmlData+=''；


演示：

附言

继续阅读@J.C.Rocamonde的答案：
你需要避开
”
，否则它会认为你在X之前结束。你也可以使用
“
”




jQueryUI对话框-动画
打开对话框
$（函数（）{
函数makedialog（）{
var htmlData=''；
htmlData+='这是一个用于显示信息的动画对话框。可以使用“x\”图标移动、调整和关闭对话框窗口。
；
htmlData+=''；
$（'new#u dialog_area'）.html（htmlData）；
}
//$（'#opener'）。在（'单击'，函数（）上）{
$（文档）.on（'click'，'#opener'，function（）{
makedialog（）；
$（“#对话框”）。对话框({
自动打开：错误，
});
$（“对话框”）。对话框（“打开”）；
});
});

您需要转义
”
，否则它会认为您正好在X之前结束。您也可以使用
“
”




jQueryUI对话框-动画
打开对话框
$（函数（）{
函数makedialog（）{
var htmlData=''；
htmlData+='这是一个用于显示信息的动画对话框。可以使用“x\”图标移动、调整和关闭对话框窗口。
；
htmlData+=''；
$（'new#u dialog_area'）.html（htmlData）；
}
//$（'#opener'）。在（'单击'，函数（）上）{
$（文档）.on（'click'，'#opener'，function（）{
makedialog（）；
$（“#对话框”）。对话框({
自动打开：错误，
});
$（“对话框”）。对话框（“打开”）；
});
});

除了@Leo的答案是正确的（您必须在单引号中转义单引号字符），您还应该在html中添加脚本标记，最好在body标记的结尾之前：


<html>
<head></head>
<body>
<!-- all your bodycontent goes here --> 
<!-- your script goes here: --> <script>...</script>
</body>
</html>




...


如果您需要了解更多信息，您可以查看：

至于字符串转义，对于JavaScript解释器读取代码的方式，当您使用引号开始字符串时，它会理解当您再次使用引号时，字符串已结束。如果不是，它将如何从何时实际使用引号字符或何时结束字符串中分辨出来？因此解决这个问题问题是，必须使用反斜杠向字符串中添加特殊字符

要了解有关字符串转义的更多信息，请选中此选项，然后回答：


此外，在调试时，请务必检查浏览器的控制台，因为字符串转义错误是一个基本语法错误，如果您仔细查看代码和控制台日志，您会注意到这一错误。
除了@Leo的答案是正确的（您必须在单引号内转义单引号字符），您应该在html中添加脚本标记，最好在正文标记的末尾之前：


<html>
<head></head>
<body>
<!-- all your bodycontent goes here --> 
<!-- your script goes here: --> <script>...</script>
</body>
</html>




...


如果您需要了解更多信息，您可以查看：

至于字符串转义，对于JavaScript解释器读取代码的方式，当您使用引号开始字符串时，它会理解当您再次使用引号时，字符串已结束。如果不是，它将如何从何时实际使用引号字符或何时结束字符串中分辨出来？因此解决这个问题问题是，必须使用反斜杠向字符串中添加特殊字符

要了解有关字符串转义的更多信息，请选中此选项，然后回答：


另外，请在调试时检查浏览器的控制台，因为字符串转义错误是一个基本语法错误，如果您仔细查看代码和控制台日志，您会注意到这一错误。
我不知道这是否是错误，但您应该使用
。单击
而不是
。
。在
上，它会在co中引发任何错误吗解决方案日志？可能问题在于您的脚本标记在文档头/正文之外？在
makeDialog
中有一个断开的字符串。请始终检查浏览器控制台是否有错误消息。@ChrisG您能给我解释一下“makeDialog中有一个断开的字符串”是什么吗？@Adam我相信你现在已经意识到，你正在试图在一个由
'
分隔的字符串中使用
'
。我不知道这是否是错误，但你应该使用
。单击
而不是
。
上的
。它会引发任何错误吗