jQuery slideToggle在joomla上不起作用，但適用於jsbin

Question

所以我有一個網站，我想使用jQuery slideToggle來移動塊。 問題是它在我的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。 PS splash.js的另一部分工作，我的溢出元素就像它的預期一樣改變。

Answer 1

您可能有多個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);
      });
  ");
?>

至於工具提示錯誤，打開模板的index.php，如果以下不存在，我建議你添加它：

JHtml::_('bootstrap.framework');

希望這可以幫助

Answer 2

我通過這篇文章找到了答案：
我的腳本在jsfiddle中工作但不在站點上工作。 無法調用null的方法懸停？ 感謝各種通知，我會做所有這些修復，但對於這個確切的問題，我必須在<body>標記的末尾包含腳本，它開始工作。
干杯:)

jQuery slideToggle在joomla上不起作用，但適用於jsbin

問題描述

2 個解決方案

解決方案1
2 2014-01-20 16:01:36

解決方案2
0 2014-01-20 16:28:30

jQuery slideToggle在joomla上不起作用，但適用於jsbin

問題描述

2 個解決方案

解決方案1 2 2014-01-20 16:01:36

解決方案2 0 2014-01-20 16:28:30

解決方案1
2 2014-01-20 16:01:36

解決方案2
0 2014-01-20 16:28:30