所以我有一个网站,我想使用 jQuery slideToggle
移动 block 。问题是它在我的 Joomla 网站上不起作用。但是,当我将代码复制到 jsbin.com 时,它起作用了。这是链接 http://jsbin.com/EcObOwex/1/edit
这是我正在使用的实际 JS:
$('.sTurinys').hover(function(){
$('.ssTurinys',(this)).stop().slideToggle(600);
});
我不知道我可以提供哪些额外信息。 JS 代码在 splash.js 中,指向它的链接正常工作(检查它,文件中还有一些其他脚本)
编辑:我被告知这是一个 JS 错误。
这是错误
Uncaught TypeError: Object [object Object] has no method 'tooltip'
这是代码。谁能帮我确定是什么?
<script type="text/javascript">
window.addEvent('load', function() {
new JCaption('img.caption');
});
jQuery(document).ready(function()
{
jQuery('.hasTooltip').tooltip({"container": false});
});
我没有手动添加它,它是 <jdoc:include type="head" />
的一部分.谁能帮我确定如何摆脱这段代码?
编辑 2:
更多信息:
这是我的完整 <head>
代码。 http://jsbin.com/aFOZEWI/2/edit
您还可以在 Bin 的 JavaScript 部分找到完整的 SPLASH.JS。
附言splash.js 的另一部分有效,我的溢出元素按预期更改。
最佳答案
您可能导入了多个 jQuery 库,这可能会导致冲突。除此之外,让我们导入脚本并使用 Joomla 编码标准添加您的代码。
<?php
JHtml::_('jquery.framework'); //This calls jQuery in noConflict mode
$doc = JFactory::getDocument();
$doc->addScript(JUri::root() . 'templates/vabankbroker/src/splash.js');
$doc->addScriptDeclaration("
$('.sTurinys').hover(function(){
$('.ssTurinys',(this)).stop().slideToggle(600);
});
");
?>
关于Tooltip的错误,打开你模板的index.php,如果下面不存在,我建议你添加:
JHtml::_('bootstrap.framework');
希望对你有帮助
关于javascript - jQuery slideToggle 不适用于 joomla,但适用于 jsbin,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21238279/