html - Bootstrap Links in Modal not working: JQuery error -
i have html
<div class="modal fade" id="product-add-to-cart-modal-ssbt" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div class="row quick-view product-main"> <div class="col-sm-12"> <p class="lead text-center">one <b>{product name}</b> added cart. </p> <div class="box"> <p class="text-muted text-small text-center"> want next? </p> <div class="box-footer" id="add-to-cart-buttons"> <a href="?add_product=10161"> <i class="fa fa-reply"></i>return current page </a> <a href="/site/cart?add_product=10161"> <i class="fa fa-shopping-cart"></i>go shopping cart </a> </div> </div> <!-- /.box --> </div> </div> </div> </div> </div> <!--/.modal-dialog--> </div> <button class="btn btn-primary" data-toggle="modal" data-target="#product-add-to-cart-modal-ssbt" onclick="return false;">add cart</button>
when click of 2 links in modal, doesn't go anywhere. looking @ console, see error:
uncaught error: syntax error, unrecognized expression: ?add_product=10161
then references jquery-1.11.1.min.js:2 on right.
i cannot replicate error in jsfiddle. works there. see here: http://jsfiddle.net/gk6o4cmr/
can please me figure out wrong code?
i found problem. button , modal inside tab. , reason had piece of script @ bottom of page changing behaviour of achor tags inside tab div.
jquery('#product_details_tabs a').not('.external-link').click(function (e) { e.preventdefault() jquery(this).tab('show') })
it turns out after had updated of code, didn't need script anyway, deleting it, problem went away.
Comments
Post a Comment