2013-06-28 26 views
2

我是新來的JavaScript我在改變onclick事件mouseover疑問
請幫助如何onclick事件改變在鼠標懸停

<script> 
$(document).ready(function() { 

(function ($) { 
    $.fn.readmore = function (settings) { 

    var opts = $.extend({}, $.fn.readmore.defaults, settings); 

    this.each(function() { 
     $(this).data("opts", opts); 
     if ($(this).html().length > opts.substr_len) { 
     abridge($(this)); 
     linkage($(this)); 
     } 
    }); 

    function linkage(elem) { 
     elem.append(elem.data("opts").more_link); 
     elem.children(".more").click(function() { 
     $(this).hide(); 
     $(this).siblings("span:not(.hidden)").hide().siblings("span.hidden").animate({'opacity' : 'toggle'},1000); 
     }); 

    } 

    function abridge(elem) { 
     var opts = elem.data("opts"); 
     var txt = elem.html(); 
     var len = opts.substr_len; 
     var dots = "<span>" + opts.ellipses + "</span>"; 
     var charAtLen = txt.substr(len, 1); 
     while (len < txt.length && !/\s/.test(charAtLen)) { 
      len++; 
      charAtLen = txt.substr(len, 1); 
     } 
     var shown = txt.substring(0, len) + dots; 
     var hidden = '<span class="hidden" style="display:none;">' + txt.substring(len, txt.length) + '</span>'; 
     elem.html(shown + hidden); 
    } 

    return this; 
    }; 

    $.fn.readmore.defaults = { 
    substr_len: 500, 
    ellipses: '&#8230;', 
    more_link: '<a class="more">Read&nbsp;More</a>' 
    }; 

})(jQuery); 

$(function(){ 
    $('.des_details').readmore({ substr_len: 150 }); 
}); 
}); 
     </script> 


有什麼建議?

+1

取代它,你可以請格式化你的代碼代碼視圖? –

+0

什麼'onclick'? – Alxandr

+0

你有什麼疑問? –

回答

0

試試這個代碼

$(urid).trigger('mouseover'); 
+0

這隻會觸發'mouseover'事件,如果存在的話。問題是將'onclick'事件改爲'mouseover'事件 – Puuskis

+0

Hi Bertil不幸的是它爲我工作:( –

1

,你必須

elem.children(".more").click(function() 

elem.children(".more").hover(function() 
+0

我曾嘗試Matthias,但它dosent工作 –

+0

如果你把一個'console.log('測試');'在該功能,它會觸發console.log鼠標過度? –