JQuery JS未捕获错误：语法错误，未识别表达式：

Question

所以，这个问题一直困扰着我，我似乎无法解决它。出现的错误是：

未捕获错误：语法错误，无法识别的表达式：[{“类型”：“标题”，“子类型”：“h1”，“标签”：“另一个测试表单”}，{“类型”：“复选框组”，“标签”：“复选框组”，“名称”：“复选框组-1497353080484”，“值”：[{“标签”：“选项1”，“值”：“选项1”，“选定的”：true}]}，{“类型”：“标题”，“子类型”：“h1”，“标签”：“标题”}，{“类型”：“编号”，“标签”：“编号”，“标签”：“编号”，“类名”：“表单控件”，“名称”：“编号-1497353081884”}，{“类型”：“文本”，“标签”：“文本字段”，“类名”：“表单控件”，“名称”：“文本-1497353083345”，“子类型”：“文本”}]

我已经设法找到了导致此问题的代码行，即：

        forms = $(document.getElementById('formData').getAttribute("value")),

现在，我不知道为什么会出现这个问题。输入的内容是正确的。这都是在JQuery函数中完成的，实际上整个JQuery函数如下所示：

jQuery(function($) {
		var $fbEditor = $(document.getElementById('fb-editor')),
		$formContainer = $(document.getElementById('fb-rendered-form')),
		forms = $(document.getElementById('formData').getAttribute("value")),
		fbOptions = {
			formData: forms,
			dataType: 'json',
			onSave: function(){
				$fbEditor.toggle();
				$formContainer.toggle();
				$('form', $formContainer).formRender({
					formData: formBuilder.formData
				});
			}
		},
		formBuilder = $fbEditor.formBuilder(fbOptions);
		
		$('.edit-form', $formContainer).click(function() {
			$fbEditor.toggle();
			$formContainer.toggle();
		});
	});

html prettyprint-override"><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

因此，我对JavaScript、JQuery或其他任何方面都没有太多经验。因此，这很可能是一个简单的问题，但我目前无法弄清楚它是什么。其他人能告诉我哪里出了问题以及可能如何解决吗？

Answer 1

从错误中我猜是文档。getElementById（'formData'）。getAttribute（“value”）是一个JSON字符串。

您已经将其包装到jQuery对象构造函数$（…） ，它会失败，因为jQuery期望参数是选择器（如.classname）、DOM元素或另一个jQuery元素。

Answer 2

forms=$（document.getElementById（'formData'）.getAttribute（“value”），

请尝试删除上面代码中的$（）。根据poohitan的说法，这是一个选择器，但它似乎什么也没做。