请问一下,有没办法实现这样的功能。
我下载了一个插件,插件加入导航后有自己的单击效果(一个移动背景会停留在最后单击处),但是在li里面的<a>标签的超链接就单击无效,请问一下,有没有办法在这个单击函数里面再添加:当单击的时候,会同时执行当前li里面<a>标签的超链接?
谢谢
这是JS文件的:
*/ (function ($) {
$.fn.lavaLamp = function (o) {
o = $.extend({
fx: "linear",
speed: 500,
click: function () {}
}, o || {});
return this.each(function () {
var b = $(this),
noop = function () {}, $back = $('<li class="back"><div class="left"></div></li>').appendTo(b),
$li = $("li", this),
curr = $("li.current", this)[0] || $($li[0]).addClass("current")[0];
$li.not(".back").hover(function () {
move(this)
}, noop);
$(this).hover(noop, function () {
move(curr)
});
$li.click(function (e) {//这里就是那个单击事件
setCurr(this);
return o.click.apply(this, [e, this])
});
setCurr(curr);
function setCurr(a) {
$back.css({
"left": a.offsetLeft + "px",
"width": a.offsetWidth + "px"
});
curr = a
};
function move(a) {
$back.each(function () {
$(this).dequeue()
}).animate({
width: a.offsetWidth,
left: a.offsetLeft
}, o.speed, o.fx)
}
})
}
})(jQuery);
这是在HTML文件里面<head>标签里面调用的JS代码:
<script type="text/javascript" src="js/jquery1.2.6.pack2.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>
<script type="text/javascript">
$(function(){
$(".lava_no_image").lavaLamp({
fx: "backout", //缓动类型
speed: 700, //缓动时间
click: function(event, menuItem) {
return false; //单击触发事件
}
});
});
</script>
2 个解决方案
#1
$(function(){
$(".lava_no_image").lavaLamp({
fx: "backout", //缓动类型
speed: 700, //缓动时间
click: function(event, menuItem) {
//return false; //单击触发事件///取消这个看看,应该是return false阻止执行链接href跳转了
}
});
});
#2
多谢showbo,我试了一下返回真,或是不返回值都可以,谢谢了!
#1
$(function(){
$(".lava_no_image").lavaLamp({
fx: "backout", //缓动类型
speed: 700, //缓动时间
click: function(event, menuItem) {
//return false; //单击触发事件///取消这个看看,应该是return false阻止执行链接href跳转了
}
});
});
#2
多谢showbo,我试了一下返回真,或是不返回值都可以,谢谢了!