使用jQuery UI Dialog的open/close函数时遇Uncaught SyntaxError错误求助

嘿，我来帮你排查这个问题！你遇到的Uncaught SyntaxError: Unexpected identifier错误，大概率是调用Dialog方法的写法不对，先从最可能的原因入手：

1. 先检查Dialog方法的调用语法 #

jQuery UI Dialog的open/close不是直接作为属性调用的，得通过.dialog()方法传入字符串命令才行。比如你可能写了这种错误代码：

$('#myDialog').dialog.open(); // 这里的.open()会被识别为意外标识符，直接报错

改成下面的正确写法就好：

$('#myDialog').dialog('open'); // 用字符串参数触发弹窗打开
$('#myDialog').dialog('close'); // 同理触发弹窗关闭

2. 顺便修正脚本引入顺序的潜在问题 #

虽然当前的语法错误和这个关系不大，但你的脚本顺序确实有个坑：Bootstrap 4依赖Tether来实现下拉菜单这类组件，所以Tether必须放在Bootstrap前面加载。建议把顺序调整成这样：

• jquery-3.2.1.min.js
• tether.min.js
• bootstrap.js
• jquery-ui.js
• ckeditor.js
• ckeditor/adapters/jquery.js

3. 排查其他可能的语法疏漏 #

如果改了方法调用还是报错，看看代码里有没有这些小问题：

• 定义Dialog配置时，对象属性后面漏了逗号，比如：

  // 错误示例：title后面少了逗号，会触发Unexpected identifier
  $('#myDialog').dialog({
    autoOpen: false,
    title: '我的弹窗'
    buttons: {
      "确认": function() { $(this).dialog('close'); }
    }
  });
  

• 变量名或选择器拼写错误，比如把dialog写成dilalog，或者选错了DOM元素。

4. 确认jQuery和jQuery UI的兼容性 #

你用的jQuery是3.2.1，得确保jQuery UI版本支持它——jQuery UI 1.12.x是完全兼容jQuery 3.x的，要是你用的是更老的UI版本（比如1.11及以下），可能会有兼容性问题，建议升级到1.12.x。

要是按照上面的步骤还是没解决，把你调用Dialog相关的代码片段贴出来，我再帮你精准定位~

内容的提问来源于stack exchange，提问作者jetsai