JQuery не работает в joomla2.5

Я пытаюсь использовать jquery в своей статье joomla.JQuery не работает в joomla2.5

, что я пытаюсь сделать это this- http://jsfiddle.net/bhaveshj21/BYgaq/

<script> 
$("#myul > li").click(function(){ 
    $('li').each(function(){ 
     var data = $(this).find('a').attr('href'); 
     $(data).css({'display' : 'none'}); 
    }); 
    var curr = $(this).find('a').attr('href'); 
    $(curr).css({'display' : 'block'}).find('img').animate(
     { 
      'width' : '100%', 
      'height' : 'auto' 
     }, 
     1000 
    ); 
});</script>

HTML код является

<div class="menu"> 
<ul id = "myul"> 
    <li><a href="#1" id="all">all</a></li> 
    <li><a href="#2" id="joomla">joomla</a></li> 
    </ul> 
</div> 
<div class="image" id='1'> 
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRgMHchGIXBuBlMQHUfdTvzpuAaC43tSq3SYgHAsbXNr2TUQwhLYRu8yuSf"/> 
    <img src="http://t1.gstatic.com/images?q=tbn:ANd9GcTHHRfptpToJ6GqtsSatdZ-vh36VrIXWokRdYSnc4FEkHncQHLHpw" /> 

</div> 
<div class="images" id='2'> 
    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSLyEyENGyUVfnLMOPFVAT5gRQw8Mc_koSZWMfrdQLohY8cL1RDGeXKjnRO" /> 
    </div>

// CSS

.menu 
{ 
    width:100% 
     float:left; 
} 
.menu a{ 
    background-color:lightblue; 
    border-radius:8px 8px 8px 8px; 
    margin-right:10px; 
    padding-top:10px; 
    padding-left:10px; 
    padding-bottom:5px; 
    color:black; 
    padding-right:30px; 
} 
.menu li 
{ 
    display:inline; 
} 
.menu a:hover 
{ 
    background-color:white; 
} 
.image 
{ 
    display:none; 

} 
.images 
{ 
    display:none; 
}

Он работает отлично в jsfiddle, но не в мой joomla temolate.

то, что я сделал, это то, что я добавил файл сценария в index.php и мой html-код в статье. css работает отлично, а не js.

застрял на какое-то время помощь будет решетка?

источник

2013-09-03 user2742008

были добавлены у .js путь в шаблоне Joomla? –

yes Я добавил код скрипта только в index.php. – user2742008

<head>  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> </head> <script type="text/javascript> (function($){ $(document).ready(function(){ $("#myul > li").on("click", function(){ $('li').each(function(){ var data = $(this).find('a').attr('href'); $(data).css({'display' : 'none'}); }); var curr = $(this).find('a').attr('href'); $(curr).css({'display' : 'block'}).find('img').animate( { 'width' : '100%', 'height' : 'auto' }, 1000 ); }) }); })(jQuery); </script>

JQuery не работает в joomla2.5

ответ

Смежные вопросы