2013-06-28 2 views
2

Je suis nouveau à javascript j'ai un doute à changer événement onclick-mouseover
s'il vous plaît aiderComment changer l'événement onclick sur mouseover

<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> 


Toutes les suggestions?

+1

pouvez-vous s'il vous plaît formater votre code comme code de vue? –

+0

Que 'onclick'? – Alxandr

+0

Et quel est votre doute? –

Répondre

0

Essayez ce code

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

Ceci déclenche seulement l'évènement 'mouseover' s'il y en a un.La question était de changer l'événement' onclick' en événement 'mouseover' – Puuskis

+0

Salut Bertil malheureusement il dint de travail pour moi :( –

2

Il y a un peu d'API doc à propos .hover() qui explique ce que je pense que vous essayez de le faire. J'espère que cela t'aides.

http://api.jquery.com/hover/

1

où vous avez

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

le remplacer par

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

J'ai essayé Matthias mais il fonctionne dosent –

+0

si vous mettez un 'console.log (' test ');' dans cette fonction, va-t-il déclencher le console.log sur la souris plus de? –

Questions connexes