Question

嗨我有一个菜单的2个功能，在菜单下滑动底部和动态加载内容到div ..我有2个JS文件..问题是在菜单下滑动底部，这个后面的任何时候这个相同的位置（第一个链接）我改变或删除“在第一个JS中返回false”底部是在更改链接上停止（这是很好的效果）。如何将此代码单元化以获得良好效果？

一个用于滑动底部

(function($) { $.fn.lavaLamp = function(o) { 

o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o || {});

return this.each(function() {
    var me = $(this), noop = function(){},
        $back = $('<li class="back"><div class="left"></div></li>').appendTo(me),
        $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(el) {
        $back.css({ "left": el.offsetLeft+"px", "width": el.offsetWidth+"px" });
        curr = el;
    };

    function move(el) {
        $back.each(function() {
            $(this).dequeue(); }
        ).animate({
            width: el.offsetWidth,
            left: el.offsetLeft
        }, o.speed, o.fx);
    };

});
};
})(jQuery);

AND SECOND FOR LOAD to DIV

$(document).ready(function() {

 var hash = window.location.hash.substr(1);
 var href = $('#nav li a').each(function(){
  var href = $(this).attr('href');
  if(hash==href.substr(0,href.length-5)){
   var toLoad = hash+'.html #content';
   $('#content').load(toLoad)
  }           
 });

 $('#nav li a').click(function(){

  var toLoad = $(this).attr('href')+' #content';
  $('#content').hide('fast',loadContent);
  $('#load').remove();
  $('#contents').append('<span id="load">LOADING...</span>');
  $('#load').fadeIn('normal');
  window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
  function loadContent() {
   $('#content').load(toLoad,'',showNewContent())
  }
  function showNewContent() {
   $('#content').show('normal',hideLoader());
  }
  function hideLoader() {
   $('#load').fadeOut('normal');
  }
  return false;

 });

});

Answer 1

而不是return false来防止转到href，而是使用<{3>} 而不会杀死该事件，如下所示：< / p>

$('#nav li a').click(function(e){ //add event parameter here
  var toLoad = $(this).attr('href')+' #content';
  $('#content').hide('fast',loadContent);
  $('#load').remove();
  $('#contents').append('<span id="load">LOADING...</span>');
  $('#load').fadeIn('normal');
  window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
  function loadContent() {
    $('#content').load(toLoad,'',showNewContent())
  }
  function showNewContent() {
    $('#content').show('normal',hideLoader());
  }
  function hideLoader() {
    $('#load').fadeOut('normal');
  }
  e.preventDefault();
});

2个动作jQuery为一个LI，返回false的问题

1 个答案: