Question

I have a paypal button within a jqtouch site as follows

  <div id="paypal">
  <div class="toolbar">
  <h5>Pay online</h5>
  <a href="#" class="back">Back</a>
  </div>
        <div class="s-scrollwrapper"  >
              <div>
              <form action="https://www.paypal.com/cgi-bin/webscr"method="post">
              <input type="hidden" name="cmd" value="_xclick">
              <input type="hidden" name="business" value="----@-----------">
              <input type="hidden" name="item_name" value="Test Item">
              <input type="hidden" name="amount" value="1.00">
              <input type="hidden" name="currency_code" value="NZD">
              <input type="hidden" name="button_subtype" value="services">
              <input type="hidden" name="bn"value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHosted">
              <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
              <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1"height="1">
              </form>
              </div>
        </div>
 </div>

Taping the paypal button does nothing. Firebuging sees a post request with a result code of 302 followed by a get that is cancelled. If I put the button on a page outside of jqtouch it seems to work not problem. How would you trouble shoot this?

Chrome console shows the following. In the non-jqtouch the initiator is (other)

Answer 1

Jqtouch submits all forms as with AJAX by default. This upsets the paypal button. Add the following to you initialization

 formSelector: false