Now i have solved my problem $(document).ready(function () { $(".viewalldetailslinktext ").find("a.basic,input.basic").click (function (e) { e.preventDefault(); $('#basicModalContent').modal(); }); });
On Feb 6, 10:39 am, Praveen <praveen.python.pl...@gmail.com> wrote: > http://dpaste.com/117315/ > > my html > ------- > {% for name in eventname %} > <div id={{ name }} class="viewalldetailslinktext"> > <div class="eventname"><a href='#' > class='basic'>{{ name.title }}</ > a></div> > </div> > <div class="eventaddress">{{ name.address }}</div> > <div class="eventdesc">{{ name.summary }}</div> > <div id="basicModalContent" style='display:none'> > <div style="color:red">{{ name.title > }}</div> > </div> > {% endfor %} > > basic.js > --------- > $(document).ready(function () > { > $('#basicModal input.basic, #basicModal a.basic').click(function (e) > { > e.preventDefault(); > $('#basicModalContent').modal(); > }); > > }); > > here i am using lightbox. in my template i have 2 title when i am > clcking on one title it works fine and display light box but for > second title it does not happened so cause when i saw in page source > both div have same id basicModal. > > so that's why i am generating different div id > > {% for name in eventname %} > <div id={{ name }} class="viewalldetailslinktext"> > <div class="eventname"><a href='#' > class='basic'>{{ name.title }}</ > a></div> > </div> > <div class="eventaddress">{{ name.address }}</div> > <div class="eventdesc">{{ name.summary }}</div> > <div id="basicModalContent" style='display:none'> > <div style="color:red">{{ name.title > }}</div> > </div> > {% endfor %} > > so now my div id is > <div id="The" spice="" tate-le="" jardin="" > class="viewalldetailslinktext"> > <div class="eventname"><a href="#" class="basic">The Spice Tate-Le > Jardin</a></div> > > <div id="Underground" monday="" at="" maya="" > class="viewalldetailslinktext" style="text-align: left; margin-top: > 20px;"> > > <div class="eventname"><a href="#" class="basic">Underground Monday at > Maya</a></div> > > but i do not how may i pass this div id to function which is defined > in basic.js > > i am trying to do like this > > $(document).ready(function (id) > { > $(id input.basic, id a.basic').click(function (e) > { > e.preventDefault(); > alert(e); > $('#basicModalContent').modal(); > }); > > }); > > but lightbox is not coming. > > in view source div id is generationg linke this > > <div id="The" spice="" tate-le="" jardin="" > class="viewalldetailslinktext" style="text-align: left; margin-top: > 20px;"> > <div class="eventname"><b><a href="#" > class="basic">The Spice Tate- > Le Jardin</a></b></div>