Conflict with Responsive Slider and dotdotdot.js

I found a javascript solution that will output a multiline ellipsis: http://dotdotdot.frebsite.nl
I’ve installed the dotdotdot.js files on my site but I can’t figure out how to have it apply to the excerpt text when placed in the responsive slider shortcode. See example: http://awesomescreenshot.com/00c6c8tob1

As you can see something with the slider is breaking the dotdotdot.js function to shorten the text and add an ellipsis. Text outside of the slider works fine.

What do I need to change on to make this work on the excerpt text when placed inside the slider?

Hello There,

Thanks for writing in! You can make use of this JS code:

(function($){
	$(".x-slide .x-recent-posts-excerpt").dotdotdot({
		/*	The text to add as ellipsis. */
		ellipsis	: '... ',
 
		/*	How to cut off the text/html: 'word'/'letter'/'children' */
		wrap		: 'word',
 
		/*	Wrap-option fallback to 'letter' for long words */
		fallbackToLetter: true,
 
		/*	jQuery-selector for the element to keep and put after the ellipsis. */
		after		: null,
 
		/*	Whether to update the ellipsis: true/'window' */
		watch		: false,
	
		/*	Optionally set a max-height, can be a number or function.
			If null, the height will be measured. */
		height		: null,
 
		/*	Deviation for the height-option. */
		tolerance	: 0,
 
		/*	Callback function that is fired after the ellipsis is added,
			receives two parameters: isTruncated(boolean), orgContent(string). */
		callback	: function( isTruncated, orgContent ) {},
 
		lastCharacter	: {
 
			/*	Remove these characters from the end of the truncated text. */
			remove		: [ ' ', ',', ';', '.', '!', '?' ],
 
			/*	Don't add an ellipsis if this array contains 
				the last character of the truncated text. */
			noEllipsis	: []
		}
	});
})(jQuery);

As this is all custom development with a 3rd party JS script, regretfully we won’t be able to assist further. Custom development is outside the scope of our support. We’re happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation.

Thank you for your understanding.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.