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

Popular posts from this blog

Payment information shows nothing in one page checkout page magento -

tcpdump - How to check if server received packet (acknowledged) -