Javascript Joomla中包含HTML的工具提示

Javascript Joomla中包含HTML的工具提示,javascript,joomla,tooltip,Javascript,Joomla,Tooltip,我为Joomla 3.X创建了一个组件 问题在于网站上的工具提示显示html代码。例如: <strong>Title</strong><br/>Description 添加: 似乎在为每个字段构建标签时调用了代码: <div class="control-group"> <div class="control-label"><?php echo $this->form->getLabel('document'

我为Joomla 3.X创建了一个组件

问题在于网站上的工具提示显示html代码。例如:

<strong>Title</strong><br/>Description
添加:

似乎在为每个字段构建标签时调用了代码:

<div class="control-group">
    <div class="control-label"><?php echo $this->form->getLabel('document'); ?></div>
    <div class="controls"><?php echo $this->form->getInput('document'); ?></div>
</div>
因此,我认为问题出在Javascript函数中,可能使用.text()jQuery函数而不是.html()

检查源代码时,我发现了这一点,但不理解它为什么不能正常工作:

window.addEvent('domready', function() {
            $$('.hasTip').each(function(el) {
                var title = el.get('title');
                if (title) {
                    var parts = title.split('::', 2);
                    el.store('tip:title', parts[0]);
                    el.store('tip:text', parts[1]);
                }
            });
            var JTooltips = new Tips($$('.hasTip'), {"maxTitleChars": 50,"fixed": false});
        });

jQuery(document).ready(function() {
    jQuery('.hasTooltip').tooltip({"html": true,"container": "body"});
});
解决方案: 正如@ilias发现的,这是图书馆之间的问题。我必须使用此命令禁用标头中的引导调用,并从正文末尾调用它:

<script src="/site/media/jui/js/bootstrap.min.js" type="text/javascript"></script>

我不知道Component Creator生成的代码,但是我假设工具提示与管理员视图中的类似。如果是这种情况,您应该检查以下内容:

<button type="submit" class="btn hasTooltip" title="<?php echo JHtml::tooltipText('JSEARCH_FILTER_SUBMIT'); ?>"><i class="icon-search"></i></button>
这应该变成:

echo $this->escape(strip_tags($item->description));

谢谢,但这不是我需要的。其思想是使用html标记保持格式。此外,在调用代码的地方,它包含许多其他信息,我应该面临其他问题。我刚刚添加了代码在其调用位置的外观。我明白了,您是否尝试过
JHtml::(('bootstrap.tooltip')而不是?或者,由于标题是html转义的,因此可能会有一些内容更改标记,因为它们应该是
标题
Description
,以便对标记进行解释,如果是这种情况,则不是text()vs html()问题。试着告诉我事情是怎么发展的,一定是别的原因。。。我甚至试着把电话线拔掉,但什么也没发生。这就像代码是从其他地方获取的,或者启用了某种缓存,因为我甚至无法禁用工具提示。这些标记在源代码中是
标题
说明
,但当我从Chrome复制它们时,它将它们更改为
strongTitle/strongbr/Description
。谢谢你的帮助。我通过引导工具提示使它工作。JQuery/Jquerynoconflict/Bootstap和Mootools之间存在冲突,例如,我在测试中使用的方法是在html代码末尾添加以下内容:
$('.hasTooltip').tooltip({html:true})但是css有问题,但是你可能可以覆盖生成的css。进一步说,我发现问题是在jQuery UI和引导之间。在jQueryUI显示正确格式的黄色工具提示之后放置引导。将其放在前面,显示带有标记的灰色工具提示。
<button type="submit" class="btn hasTooltip" title="<?php echo JHtml::tooltipText('JSEARCH_FILTER_SUBMIT'); ?>"><i class="icon-search"></i></button>
echo $this->escape($item->description);
echo $this->escape(strip_tags($item->description));