带有 HTML 代码的 Joomla javascript var答案

【问题标题】：Joomla javascript var with HTML code带有 HTML 代码的 Joomla javascript var
【发布时间】：2013-12-19 00:42:31
【问题描述】：

我正在尝试在 Joomla 模板中实现 Javascript 工具提示组件。每次您在某些图像上滚动时，工具提示都会显示一些文本。

问题如下。我将每个工具提示的文本存储在一个数组中，如下所示：

<script type='text/javascript'>

$(function()
{

var bubbles = new Array();

bubbles[0] = "<div class='bubbleTooltip'><p>iPhone or BlackBerry?</p><p>What's your favourite food?</p><p>- Chocolate</p></div>"

bubbles[1] = "<div class='bubbleTooltip'><p>iPhone or BlackBerry?</p><p>What's your favourite food?</p><p>- Chocolate</p></div>"

bubbles[2] = "<div class='bubbleTooltip'><p>iPhone or BlackBerry?</p><p>What's your favourite food?</p><p>- Chocolate</p></div>"

});

</script>

但是当我查看页面源代码时，它看起来像这样：

    <script type='text/javascript'>

    $(function()
    {

    var bubbles = new Array();

    bubbles[0] = "
<div class='bubbleTooltip'>
<p>iPhone or BlackBerry?</p>
<p>What's your favourite food?</p>
<p>- Chocolate</p>
</div>
"

    bubbles[1] = "
<div class='bubbleTooltip'>
<p>iPhone or BlackBerry?</p>
<p>What's your favourite food?</p>
<p>- Chocolate</p>
</div>
"

    bubbles[2] = "
<div class='bubbleTooltip'>
<p>iPhone or BlackBerry?</p>
<p>What's your favourite food?</p>
<p>- Chocolate</p>
</div>
"

    });

    </script>

是什么使补语不起作用。我认为这可能与 HTML 标签有关，但我似乎找不到线索...

关于为什么代码渲染错误的任何想法？

谢谢！

【问题讨论】：

补码不起作用是什么意思？只是代码渲染还是无法访问数组元素？
问题是，如果我将 HTML 字符串替换为普通字符串，一切正常。当我使用 HTML 字符串并且代码呈现错误时，就会出现问题。然后由于代码格式错误，我无法访问数组元素。
您是否使用 joomla 文本编辑器来添加您的代码？ Joomla 可能正在转义您的 html 字符
是的，我是。有没有其他方法可以编辑代码？我已经尝试在 ftp 中搜索该文件，但它都是一堆乱七八糟的文件夹……我不是该站点的常规管理员。
让我们continue this discussion in chat

标签： javascript html joomla var

【解决方案1】：

问题是 Joomla 编辑器转义了 html 字符，您需要关闭此设置。

启动时代码清理关闭
代码清理：总是
不要清理 HTML 实体

一般设置请查看此链接http://www.joomlacontenteditor.net/support/faq/item/html-removed-on-saving

【讨论】：

【解决方案2】：

我认为您应该尝试按以下方式将 html 字符串分配给数组元素

bubbles[0] = "<div class='bubbleTooltip'>"+
"<p>iPhone or BlackBerry?</p>"+
"<p>What's your favourite food?</p>"+
"<p>- Chocolate</p>"+
"</div>";

【讨论】：

我认为由于默认配置，它仍然会转义 html 元素