Jquery plugin not proper working in inner nested repeater asp.net c#

Question

0.00/5 (No votes)

See more:

SQL

I used nested repeater for thumbnail image gallery slider using asp.net. So outer nested repeater for display names of the category. and inner repeater for thumnail image gallery slider for different products. so i had used jquery plugin for inner repeater for thumbnail but its not working. the plugin i had used for inner repeater. http://www.aspsnippets.com/Articles/Implement-Carousel-Image-Gallery-in-ASPNet-using-jQuery-jCarousel-Plugin.aspx but simple images are coming like list not thumbnail images slider. somebuddy told me change ul to div . then its working for only one product slider below product slider not working. please suggest me.. out of this problem. following my aspx design code:

XML

<div>
  <asp:Repeater ID="outerRep" runat="server" OnItemDataBound="outerRep_ItemDataBound">
        <ItemTemplate>
                  <asp:Label Font-Size="Large" Font-Bold="true" ID="lblCategoryName" runat="server"
                    Text='<%# Eval("CategoryName") %>' />
                 <ul id="mycarousel" class="jcarousel-skin-tango">
            <asp:Repeater ID="innerRep" runat="server">
                 <ItemTemplate>
                 <li>
                     <asp:Image ID="Image1" runat="server" ImageUrl='<%#Bind("ImageName") %>' Height="70" Width="70"/>
                 </li>

            </asp:Repeater>
       </ul>
            </ItemTemplate>
            </asp:Repeater>
           </div> 

and jquery code

XML

<script type="text/javascript">
    $(function () {
        $('#mycarousel').jcarousel();
         });
</script>

only first slider is showing and remaining are just like list order showing. hope i will get valuable reply from this.

Posted 26-Jun-14 20:52pm

mazharkhan123

Updated 26-Jun-14 21:15pm

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Akshay_Randive · Answer 1 · 2014-06-26T21:20:00

Solution 1

It will alwasys show only one because in of DOM you have to find each ul having id=mycarousel '

<pre lang="xml">&lt;script type=&quot;text/javascript&quot;&gt;
    $(function () {
        $('#mycarousel').each().jcarousel();
         });
&lt;/script&gt;</pre>

Posted 26-Jun-14 21:20pm

Akshay_Randive

Comments

mazharkhan123 27-Jun-14 3:44am

$('#mycarousel').each().jcarousel();

i added this code in script but no one slider is showing. even my one slider also not showing.

hoping to get answer from you

M.R.A. · Answer 2 · 2014-06-27T01:08:00

Solution 3

check the jquery plugin whether it is right or wrong.

Posted 27-Jun-14 1:08am

M.R.A.

Comments

mazharkhan123 27-Jun-14 7:30am

i am using this jquery plugin
http://www.aspsnippets.com/Articles/Implement-Carousel-Image-Gallery-in-ASPNet-using-jQuery-jCarousel-Plugin.aspx

its working for single repeater perfectly. when i am using to nested repeater for inner repeater..this is giving problem. one time thumnail slider is showing remain category slider not showing.

mazharkhan123 27-Jun-14 8:43am

i used another jquery plugin and here also same problem only one slider showing. I dont know how to write jquery for nested repeater for inner repeater. see another plugin example plugin.
http://www.codeproject.com/Articles/785972/ASP-NET-Repeater-with-jQuery-Slider

i got one related question but not understanding jquery programming.

http://forums.asp.net/t/1692276.aspx?jQuery+jCarousel+Plugin+Help