jQuery dotdotdot plugin function doesn't exist

Asked Jul 06 '15 at 12:26

Active Jul 06 '15 at 13:05

Viewed 347 times

I added a plugin to jQuery today, which is dotdotdot, but it does not work, I added two more plugins, too, all jQuery plugins I download don't work. Here's my <head>:

<title><?php echo $title;?> | Powerity</title>

<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>

<script src="js/jquery.js"></script>
<script src="js/dotdotdot.js"></script>
<script src="js/plugins.js"></script>

And what I typed in my plugins.js file is:

$(document).ready(function() {
$("p").dotdotdot();
});

But the function dotdotdot doesn't seem to exist....\

edited Jul 06 '15 at 13:05

asked Jul 06 '15 at 12:26

PepsiGam3r

1

Check your console. Most likely you have an error somewhere. – Rory McCrossan Jul 06 '15 at 12:28
@RoryMcCrossan No, no errors... – PepsiGam3r Jul 06 '15 at 12:30
Check in the network tab of your developer console if the script was successfully loaded. Check in the console tab for errors. – marekful Jul 06 '15 at 12:31
@marekful Yep, it's loaded. – PepsiGam3r Jul 06 '15 at 12:32
1

Also, note that you can do this in CSS alone: `text-overflow: ellipsis`. – Rory McCrossan Jul 06 '15 at 12:32
If there is no errors, then it's more likely that you have css problem. – Mehdi Jul 06 '15 at 12:33
@RoryMcCrossan I know that, but my paragraph isn't a single line only, and this plugin's gonna save my life, but it doesn't work... – PepsiGam3r Jul 06 '15 at 12:34
@Mehdi Does Bootstrap mess it up? – PepsiGam3r Jul 06 '15 at 12:35
could you show some html code of your `
` or its surrounding wrapper `
`?
– Mehdi Jul 06 '15 at 12:37
I checked that plugin, it seems there are some configuration options to be used. I doubt if you are missing the configuration part. – Sudhansu Choudhary Jul 06 '15 at 12:38
@Mehdi It's just a paragraph.. with no `div` – PepsiGam3r Jul 06 '15 at 12:38
@SudhansuChoudhary No, I'm not... – PepsiGam3r Jul 06 '15 at 12:39
I tried it in an IDE, and... http://prntscr.com/7pewtq – PepsiGam3r Jul 06 '15 at 12:40
It seems they like `
` with fixed height. Maybe that's the problem.
– Mehdi Jul 06 '15 at 12:40
@Mehdi The function doesn't even seem to work... – PepsiGam3r Jul 06 '15 at 12:42
I know it sounds lame but try something like `
` instead of a simple `
`
– Mehdi Jul 06 '15 at 12:43
Are you missing bootstrap.js? Try adding it after jQuery.js. I'm not sure, just give it a try :) – Sudhansu Choudhary Jul 06 '15 at 12:47
Take a look at [**this jsFiddle example**](http://jsfiddle.net/fo4z05qp/) and try replicating the steps (also look at CSS) in your own system. – Jean-Paul Jul 06 '15 at 12:48
the `dotdotdot` looks fine in this jsfiddle: http://fiddle.jshell.net/y1nn3e02/3/ – Mehdi Jul 06 '15 at 12:56
@Mehdi Mhmmm, weird... The problem's on my side... and I think it's a setup problem, but I don't know what it is! – PepsiGam3r Jul 06 '15 at 13:01
@Mehdi Did you see the screenshot I posted? my IDE says it doesn't exist. – PepsiGam3r Jul 06 '15 at 13:03
@PepsiGam3r Yeah but you also said there is no error in console. You cannot trust IDE, but console should capture the error in that case. It is not the bootstrap problem either. I included bootstrap.min.css as an extra resource. – Mehdi Jul 06 '15 at 13:06

jQuery dotdotdot plugin function doesn't exist

0 Answers0