Comments (8)
It doesn't break the string because it's also looking at the widow option's value. If you set that to 0
it should work.
$('#myws').expander({widow: 0});
Does that work for you? If so, feel free to close this issue. Thanks!
from jquery-expander.
Thanks for the quick reply!
If I set widow
to 0 then it places the "Read more" link next to every description, even if it doesn't meet the slice character requirement. I'm using the class name expandable
, so for every element that has the expandable
class it now has that link next to it even if it's only a few characters long.
from jquery-expander.
Hi Rob, Sorry for the delay. I was on vacation until late last night. I'll try to take another look at this asap. Feel free to ping me if you don't hear from me again soon.
from jquery-expander.
No rush, Karl! I just wanted to file it as an issue (and a rare one at that) while it was still on my mind
from jquery-expander.
Funny, I should be more familiar with my own plugin. Try it this way:
$('#myws').expander({widow: 0, preserveWords: false});
from jquery-expander.
Now it works for that edge case, but it shows "Read more" next to all strings even if they don't meet the slice
requirement:
$('.expandable').expander({
slicePoint: 300,
expandPrefix: '... ',
expandText: 'Read more',
preserveWords: false,
userCollapse: false,
widow: 0
});
Gives:
Music video by Ellie Goulding performing Lights. (C) 2011 Polydor Ltd. (UK)... Read more
Even though that string is less than 300 characters (so it shouldn't be showing Read more
for it).
from jquery-expander.
thx again! it actually revealed an unrelated bug, which I just fixed in the latest commit.
from jquery-expander.
Works like a charm, thank YOU Karl!!!
from jquery-expander.
Related Issues (20)
- An option to start expanded would be useful HOT 4
- An event, like "expander.expanded" or "expander.contracted", after action (& animation) complete HOT 1
- Whitespace between span.read-more and span.details?
- preserveWord logic is flawed: strings of numbers are not preserved
- preserveWords: false not working HOT 4
- Publish to npmjs.org HOT 1
- OnSliced event HOT 1
- Expander inside iframe kills fancyBox keyboard navigation (prev/next via Arrow keys) HOT 3
- Issues with \n and white-space: pre-line; HOT 6
- Long url HOT 3
- A lot of <br> HOT 1
- position of collapse button HOT 1
- inline instead of inline-block HOT 1
- Space between spans creates space inside link HOT 2
- not working when i set data using ajax HOT 2
- Doesn't include aria-label as an option HOT 2
- Inaccurate slice for Chinese characters HOT 6
- Allow custom non-breaking elements
- Duplicate text when Normalizewhite space = false HOT 1
-  : texts are not working correctly HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-expander.