Joomla javascript var with HTML code

Joomla javascript var with HTML code

本文关键字：HTML code with var javascript Joomla      更新时间：2023-09-26

我正在尝试在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 标签有关，但我似乎找不到线索......

关于为什么代码呈现错误的任何想法？

谢谢！

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

  • 启动关闭时的代码清理
  • 代码清理：始终
  • 不清理 HTML 实体

对于常规设置，请检查此链接 http://www.joomlacontenteditor.net/support/faq/item/html-removed-on-saving

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

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