Я пытаюсь использовать 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.
застрял на какое-то время помощь будет решетка?
были добавлены у .js путь в шаблоне Joomla? –
yes Я добавил код скрипта только в index.php. – user2742008