Только что попробовал следующее, и, похоже, оно работает нормально (Chrome), я ни в коем случае не эксперт в jQuery, но эта строка
$('<div id="statement"/>')
не выглядит, напишите мне, я прокомментировал гдеЯ изменил его, посмотрите на http://www.w3schools.com/jquery/jquery_ref_selectors.asp или более подробную информацию.
<body>
<head>
<title>test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script type="text/javascript">
/* jtruncate - should be external js file */
(function($){$.fn.jTruncate=function(h){var i={length:300,minTrail:20,moreText:"more",lessText:"less",ellipsisText:"...",moreAni:"",lessAni:""};var h=$.extend(i,h);return this.each(function(){obj=$(this);var a=obj.html();if(a.length>h.length+h.minTrail){var b=a.indexOf(' ',h.length);if(b!=-1){var b=a.indexOf(' ',h.length);var c=a.substring(0,b);var d=a.substring(b,a.length-1);obj.html(c+'<span class="truncate_ellipsis">'+h.ellipsisText+'</span>'+'<span class="truncate_more">'+d+'</span>');obj.find('.truncate_more').css("display","none");obj.append('<div class="clearboth">'+'<a href="#" class="truncate_more_link">'+h.moreText+'</a>'+'</div>');var e=$('.truncate_more_link',obj);var f=$('.truncate_more',obj);var g=$('.truncate_ellipsis',obj);e.click(function(){if(e.text()==h.moreText){f.show(h.moreAni);e.text(h.lessText);g.css("display","none")}else{f.hide(h.lessAni);e.text(h.moreText);g.css("display","inline")}return false})}}})}})(jQuery);
</script>
</head>
<body>
<!-- truncatable div element -->
<div id="statement">
<p>This is a statement</p>
</div>
<script type="text/javascript">
$(document).ready(function(){
/* changed from $('<div id="statement" />') */
$('#statement').jTruncate({
length: 5,
minTrail: 0,
moreText: "[more]",
lessText: "[less]",
ellipsisText: "(truncated)",
moreAni: "fast",
lessAni: 2000
});
});
</script>
</body>
</html>
Надеюсь, это поможет, с Рождеством Христовым :-)