Hopefully this is a new question, if not, please point me to the answer.
I am using jquery.truncate-2.3.js in a website. I am using the script to truncate/expand text in many stories, each in a div tag. The story text within the tags is coming from an RSS feed (using the RSSFeed ASP.NET server control), and dropped in like this:
<skm:RssFeed
id="AutomotiveID"
runat="server"
MaxItems="100"
HeaderText="Automotive"
HorizontalAlign="left"
width="615px"
Font-Names="Times"
Font-Size="10pt">
<AlternatingItemStyle BackColor="#dce4fb"></AlternatingItemStyle>
<HeaderStyle Font-Size="8pt" HorizontalAlign="Center" Font-Bold="True" ForeColor="#1d388d" BackColor="#1d388d" ></HeaderStyle>
<ItemTemplate>
<a name="<%# Container.ItemIndex%>">
<div class="storytitle"><%# Container.DataItem.Title %></div>
<br />
<div class="story"><%# Container.DataItem.Description %></div>
<a href="#Top">Back to Menus</a>
</ItemTemplate>
</skm:RssFeed>
The "story" div is the one to truncate. The script appears to work well for "static text" in a div, and for the feed text in Firefox. In IE (6, 7, & 8) the script shows all the text, and it is chopped up and reorganized:
"Truncated Text" "Full Original Text" "Initial Blurb" "'more...' link"
Has anyone seen this bug, or know of a fix? It works together in FF. I havee also tried the expand JQuery, as well as a couple other truncate methods, and they either do nothing, or mix up the text in the same way.
Thanks for any help.