未终止的字符串文字 jquery 或更多

Posted 2023-02-24

【中文标题】未终止的字符串文字 jquery 或更多

【英文标题】：unterminated string literal jquery or more than that

【发布时间】：2011-11-03 07:28:12

【问题描述】：

我知道 jquery 以不同的方式处理字符串的单引号和双引号。实际上我想要做的是在点击链接时打开一个弹出窗口。

以下是我在点击“a”标签时附加到正文的内容：

$(".prop a").click(function() 
                $("body").append("<div class='lang'>
    <span class='propHead'>Security</span><a href='javascript:void(0);' class='cross' >X</a><div class='propText'>This will be having he description of each of the Language on whch you click with a link to pdf  documentatiom</div><span class='propBtmText'><a href='javascript:void(0)';>Download Documentation</a></span>
</div>")

但我得到未终止的字符串文字。我看到我已将 div 和 span 正确附加到 body，但它不起作用。

任何帮助将不胜感激。

【问题讨论】：

不确定它是否相关，但您的第二个 href 在引号外有分号。

"jquery 以不同方式处理字符串的单引号和双引号" - 可以吗？我不这么认为。

点击里面的点击是什么？这是一些奇怪的代码。

【参考方案1】：

Demo

代码似乎没问题。如果您使用的内容过于冗长，则 javascript 不喜欢多行字符串，因此您需要改用它：

$("body").append("<div class='lang'><span class='propHead'>Security</span><a href='javascript:void(0);' class='cross' >X</a><div class='propText'>This will be having he description of each of the Language on whch you click with a link to pdf  documentatiom</div><span class='propBtmText'><a href='javascript:void(0)';>Download Documentation</a></span></div>")

【讨论】：

我在这里要做的是在 jsfiddle 上：jsfiddle.net/refhat/tS6LU/19

@Mike 是的。这是新的行和一些格式错误的代码。 jsfiddle.net/8vFEd/1

我仍然没有看到漂亮的弹出窗口，应用了漂亮的 CSS

@Mike 在那里，尝试不使用框架查看它：jsfiddle.net/8vFEd/5/show。另外，你用什么浏览器+版本查看它？

：得了，我需要调整顶部和左侧，顺便说一句，现在我的关闭不能正常工作。单击一项资产时，应打开一个弹出窗口，单击下一项时，应打开相应的弹出窗口，关闭第一个。现在，当我单击 X 时，它会全部关闭并且不会再次打开。非常感谢您对此提供的帮助。

【参考方案2】：

确保关闭您的点击。最后添加 );

【参考方案3】：

确保您给出了正确的报价

【讨论】：

你没有错过任何报价