Comments (5)
I just pushed a change that I think should fix the issue with self-closing tags. Not sure about the header tag, though, since it isn't self-closing. Would you mind testing the latest commit with the header tag and putting up another gist if it's still causing a problem?
Thanks a lot!
from jquery-expander.
Thanks for the fast fix.
It fixed the self closing HR but it has issue with the header:
https://gist.github.com/1423323
from jquery-expander.
Thx for the gist. When I checked it out, I didn't see a problem. It put the "continue reading" link in between the <h3>
and </h3>
(after "title"), which is where it should go, given the slicePoint. If it had put the link inside an actual tag, mangled it with something like <h3 <span class="..."><a ...>read more</a></span>>
, then I'd consider that a bug. But it looks fine where I tested it. Granted, I probably wouldn't want the link to appear as a child element of the <h3>
either, but the plugin truncates based on text length, not elements. If you want the "continue reading" link to appear beneath the heading (visually), you could always style it with something like this:
.summary .read-more {
display: block;
font-size: 13px;
font-weight: normal;
}
or something similar.
from jquery-expander.
My perception was that it should be inserted as the last element of the content (the div), not inside the last element inside the div (h3). This way, it would maintain a consistant styling no matter the HTML ending the summary. I guess I will work with CSS to make it work. Thx!
from jquery-expander.
ok. I added an option for you called expandAfterSummary
. That should put the "continue reading" stuff after the h3
. Cheers!
from jquery-expander.
Related Issues (20)
- how to use in angular HOT 3
- Scroll back up after triggering "read less" HOT 4
- 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
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.