jquery - IE7 failing to remove an element according to it's href attribute -

-

ah, ever on if there's still ie?

thanks invaluable of stack overflowers, have jquery working in ff, safari, chrome & oprah. naturally, fails in ie7, evidently has trouble href attributes, e.g.: 

$('li a[href="' + title + '"]').parent().remove();

can shed light on alternative syntax ie7 understand remove un-checked item list? many in advance!

here's works:

<div class="product-module"> <div class="product-pic">     <div class="checkbox-wrapper">         <label for="compare1">             <input type="checkbox" class="checkbox" name="compare" id="compare1" />             compare         </label>     </div> </div>  <div class="product-info">     <p><a href="#" title="#"><span class="product-name">product name here</span></a></p>     </div> 

<div class="compare"> <ul> </ul> <p class="compare-button"><button type="submit">compare</button></p> <p class="clear-selections"><a class="button" id="clear-selections" href="#">clear selections</a></p> 

<script type="text/javascript">  // clear checkboxes on load $(function(){     $('input[type="checkbox"]').attr('checked', false); });   $(function(){     $('.column-main input[type="checkbox"]').click(function()    {         var title = $(this).closest('.product-module').find('.product-name').html();          // if user checks checkbox, add item ul         if    ($(this).attr('checked'))    {         var html = '<li><a href="'+title+'">' + title + '</a></li>';         $('.compare ul').append(html);          // un-checking checkbox removes corresponding item ul         }    else {         // $('.compare li a').attr('href', title).parent().remove();         $('li a[href="' + title + '"]').parent().remove();        //    works in real browsers; fails in ie7         }     }) });        $(function(){     $('.clear-selections').click(function(){         $('.compare ul').empty();         $('input[type="checkbox"]').attr('checked', false);     }) });   $(function(){     $('.compare button').click(function(){         minrequests = 2;         maxrequests = 3;         requested = $('.compare ul li').size();    // go figure: why not .length()?          if(requested < 2)    {         alert ('compare ' + requested + ' products?');          } else if((requested >= 2) && (requested <= 5 ))    {         alert ('there ' + requested + ' products compare');          } else {         alert (requested + ' many');         }     }); });

did compare title href of element? believe in ie uses absolute url instead of relative, may want double check href value before assuming work.

you may able use [href*= instead of href=

never assume, check. alerts on attr('href') , make sure match.


Comments

Post a Comment

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

-
basically i've got update query runs when click submit button. i have asp:repeater in page layer inside this <asp:repeater id="dgbookings" runat="server" onitemdatabound="itemdb"> <itemtemplate> <div class="bookingscontent"> <div class="bookingdetails" id="<%# databinder.eval(container.dataitem, "booking_ref") %>"> <p class="infotext"><%# databinder.eval(container.dataitem, "adults") %> <asp:linkbutton onclick="editdetails" text="edit..." runat="server"></asp:linkbutton></p> <p class="infotext"><asp:linkbutton onclick="submitdetails" text="submit..." runat="server"></asp:linkbutton></p> </div> </div> </itemtemplate> <asp:repeater> and outputs ...
Read more

jquery - appear modal windows bottom -

-
i have modal windows in application, work fine <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> but when modal appears, appear top of windows, , want appear bottom the application joomla 3.0! , using template of meet gavern any idea? i found solution i modified de css in bootstrap .modal.fade { top:-25%; -webkit-transition:opacity .3s linear, bottom .3s ease-out; -moz-transition:opacity .3s linear, bottom .3s ease-out; -ms-transition:opacity .3s linear, bottom .3s ease-out; -o-transition:opacity .3s linear, bottom .3s ease-out; transition:opacity .3s linear, bottom .3s ease-out; }
Read more

c++ - Compiling static TagLib 1.6.3 libraries for Windows -

-
i having super hard time compiling , using taglib 1.6.3 in qt project. i've tried can think of. taglib claims supported through cmake i'm not having luck. furthermore, i'm confused kinds of files need qt libs! i've built *.a files, *.lib, , *.dll. understand far... believe since i'm working in windows *.lib want. no matter do, end "undefined references" taglib functions try use when try compile qt project. have tried mingw32, msys, visual studio 2008, , cross-compiling windows on linux. turning nothing. what makes less sense me if compile same taglib source qt on mac (g++ think?) works fine! somewhere in windows compilation procedures have going wrong. have been smacking face on desk 30 (on , off) hours trying figure out. since qt uses mingw must compile taglib same compiler? if compile *.lib's visual studio not compatible? are *.a libraries usable in windows? (assuming mingw) i'm still trying handle on c++ stuff, after reading coun...
Read more