我在我的网站上添加了一个子菜单,它使用一小段jquery来控制css类。菜单工作正常,但在我的一个页面上我有一个滑块。滑块用于工作,但现在它在$('#banner-slide').bjqs({
所以在其他页面上,如果没有滑块,菜单就可以了。另一方面,没有菜单的滑块工作,但我一起得到错误。
代码尽可能完整(否则会太长)
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script src="slider/js/bjqs-1.3.js"></script>
<?php $this->widget('application.extensions.mbmenu.MbMenu',array(
'items'=>array(
array('label'=>'OVER',
'items'=>array(
array('label'=>'Geschiedenis', 'url'=>array('/site/page','view'=>'sub1')),
array('label'=>'Bestuur', 'url'=>array('/site/page','view'=>'sub1')),
array('label'=>'Carriere',
'items'=>array(
array('label'=>'Werken', 'url'=>array('/site/page','view'=>'subsub1')),
array('label'=>'Stage', 'url'=>array('/site/page','view'=>'subsub2')),
),
),
array('label'=>'Diensten',
'items'=>array(
array('label'=>'Advies & Ondersteuning', 'url'=>array('/site/page','view'=>'subsub1')),
array('label'=>'Bemiddeling', 'url'=>array('/site/page','view'=>'subsub2')),
array('label'=>'Organisatieadvies', 'url'=>array('/site/page','view'=>'subsub2')),
array('label'=>'Aanvragen subsidies', 'url'=>array('/site/page','view'=>'subsub2')),
array('label'=>'Ontwikkeling', 'url'=>array('/site/page','view'=>'subsub2')),
),
),
array('label'=>'Projecten',
'items'=>array(
array('label'=>'De trap op', 'url'=>array('/site/page','view'=>'subsub1')),
array('label'=>'Zuidelijk Wo-man connect', 'url'=>array('/site/page','view'=>'subsub2')),
array('label'=>'Taalondersteuning', 'url'=>array('/site/page','view'=>'subsub2')),
array('label'=>'Taalkoppers', 'url'=>array('/site/page','view'=>'subsub2')),
array('label'=>'Iets', 'url'=>array('/site/page','view'=>'subsub2')),
),
),
),
),
array('label'=>'VACATUREBANK', 'url'=>array('/vacature/index')),
array('label'=>'NIEUWS', 'url'=>array('/nieuws/index')),
array('label'=>'AGENDA', 'url'=>array('/agenda/index')),
array('label'=>'CONTACT', 'url'=>array('/site/page', 'view'=>'contact')),
),
)); ?>
<div id="banner-slide">
<ul class="bjqs">
<?php
$slides = Plaatjes::model()->findAll();
foreach($slides AS $r) {
echo '<li><a href="'.$r->url.'"><img class="plaatje" src="'.$r->pad.'"></a><div class="ondertitel"><div class="onder">'.$r->ondertitel.'</div></div></li>';
}
?>
</ul>
</div>
<script type="text/javascript">
jQuery(document).ready(function($) {
var breedte = $("#content").width();
var hoogte = 540;
if(breedte < 960)
hoogte = 435;
if(breedte < 768)
hoogte = 300;
$('#banner-slide').bjqs({
animtype : 'slide',
height : hoogte,
width : breedte,
responsive : true,
randomstart : true
});
});
$("#nav li").hover(
function () {
if ($(this).hasClass("parent")) {
$(this).addClass("over");
}
},
function () {
$(this).removeClass("over");
});
</script>