0

折りたたみ可能な (クレジット カード情報を入力する) フォームがあります。クリックすると開きますが、送信をクリックすると閉じます。これが私のhtmlです：

<div class= "addStuff">
<div data-role="collapsible" data-inset="true" id="ccdiv">
   <h5> New credit card</h5>         
      <div data-role="fieldcontain">
            <form id = "myForm">
        <input type="password" name="credit_card_number" id="credit_card_number" value="" placeholder="Credit Card Number">
        <input type="password" name="security_code" id="security_code" value="" placeholder="Security Code">
        <input type="date" name="expiration_date" id="expiration_date" value="" placeholder="Expiration Date">
        <input type="password" name="name" id="name" value="" placeholder="Name On Card">
        <input type="password" name="street_address" id="street_address" value="" placeholder="Street Address">
        <input type="text" name="city" id="city" value="" placeholder="City">
        <input type="number" name="zip_code" id="zip_code" value="" placeholder="Zip Code">

            <button type="button" class="submit" name="submit" value="submit">Submit</button>
            </form>
      </div>
</div>

そして、これが私のJSの試みです:

$(document).ready(function() {
$('.submit').click(function(){
    var creditcard = $('#credit_card_number').val();
    $('.accounts #CreditCards div[data-role="content"] #swipeMe').append('<li data-swipeurl="#" ><a href="#">' + creditcard + '</a></li>');
   // refresh view 
   $('#CreditCards ul').listview('refresh');

   // hide form
 alert('test'); 


 $('#myForm').slideUp();
 $('#myForm').trigger('collapse');

    });
});
4

3 に答える 3

1

これは、コードを機能させるために私が取り組んだ JsFiddle へのリンクです http://jsfiddle.net/rvqRX/

行ごとに調べて、一度に 1 つずつコメントアウトしたところ、正しく動作させるためにコメントアウトしなければならなかった行はこれだけであることがわかりました。

$('#CreditCards ul').listview('refresh');

理由がわからない...あなたにとって意味がありますか？

于 2012-12-12T19:15:15.523 に答える
0

フォームのsubmit（）で、フォームを折りたたむトリガーがJQueryメソッドを使用して呼び出されていることを確認します。それはあなたが探しているものですか？

于 2012-12-12T17:55:22.277 に答える
0

IDをフォームに追加する<form id="myForm">...</form>

JQuery アニメーションを使用して、必要な場所でフォームを折りたたみます。

$('#myForm').slideUp();
于 2012-12-12T17:53:40.827 に答える