jQuery slideToggle은 joomla에서 작동하지 않지만 jsbin에서 작동합니다.

그래서 웹 사이트가있어서 jQuery slideToggle을 사용하여 블록을 이동하려고합니다. 문제는 Joomla 웹 사이트에서 작동하지 않는다는 것입니다. 그러나 jsbin.com에 코드를 복사하면 작동합니다. 여기에 다음 링크를 http://jsbin.com/EcObOwex/1/edit 있어 내가 사용하고 실제 JS있어 :jQuery slideToggle은 joomla에서 작동하지 않지만 jsbin에서 작동합니다.

$('.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" />의 일부, 수동으로 추가하지 않았다. 누구든지이 코드를 흔들 수있는 방법을 결정할 수 있도록 도와 줄 수 있습니까?

EDIT 2 : 몇 가지 추가 정보 : 여기 내 전체 <head> 코드입니다. http://jsbin.com/aFOZEWI/2/edit 빈의 JavaScript 부분에서 FULL SPLASH.JS를 찾을 수도 있습니다. P. splash.js의 다른 부분이 작동합니다. 의도 한대로 오버플로 요소가 변경됩니다.

출처

2014-01-20 Rywi

Joomla 사이트의 모든 콘솔 오류가 있습니까? –

jQuery.js와 splash.js를 가져 오기위한 코드를 어디에 추가합니까? 또한 Joomla의 어떤 버전을 사용하고 있습니까? – Lodder

@ToddMotto 특히 Opera에서 요소를 검사 할 때 오류 1 개와 경고 1 개가 발생합니다. Uncaught TypeError : Object [object Object]에 'tooltip'메서드가 없습니다. apieemus : 28 event.returnValue가 사용되지 않습니다. 대신 표준 event.preventDefault()를 사용하십시오. ' – Rywi

여러 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');

희망이

출처

2014-01-20 16:01:36 Lodder

죄송합니다. 코드를 추가해도 작동하지 않으며, 다른 코드는 툴팁 오류를 제거하지 않습니다. – Rywi

이 코드를 어디에 추가합니까? 검사가 가능하도록 사이트에 대한 링크를 제공해 주시겠습니까? – Lodder

페이지의 맨 위에있는 테마의 index.php에 코드를 추가했습니다. – Rywi

을하는 데 도움이

이 게시물을 통해 내 대답을 찾았습니다.
My script works in jsfiddle but not site. Cannot call method hover of null? 모든 종류의 고지를 보내 주셔서 감사 드리며 모든 문제를 해결할 것입니다. 그러나이 정확한 문제에 대해서는 스크립트 t는 <body> 태그 끝에 있고 작동을 시작했습니다.
건배 :)

출처

2014-01-20 16:28:30 Rywi

jQuery slideToggle은 joomla에서 작동하지 않지만 jsbin에서 작동합니다.

답변

관련 문제