0

私はこのウェブサイトを初めて使用しますが、質問を明確にするためのリソースであることがわかりました. Jqueryで以下のajaxコードを書きました。onclick アクションで ajax コードを呼び出し、Display_Mobiles.php ページにリダイレクトします。

Jquery スクリプト:

$(document).ready(function(){
          var imgs = {
               input_action : function(config){
                   this.config=config;

                        $.ajax({
                            type:'GET',
                            url:'Display_Mobiles.php',
                            data: this.config.form2.serialize(),

                            success: function(data){
                                console.log(data.responseText);


                            }
                        });//end of ajax request

             }
          }             

         $('.Mobile_Category li button').on('click',function(e){               

                       imgs.input_action({form2:$('home_left #Mobile_Category')});   

            });
         });

HTML 部分:

     <div class="home_left">
                <form action="Display_Mobiles.php" id="Mobile_Category" method="GET">

                       <div class="Mobile_Category"> 
                          <H2>Category</H2>                             
                          <li><button name="category" value="samsung">samsung </button></li>
                     </div>
            </form>
        </div>

上記のコードは完全に機能し、ボタンをフォーム要素として正しいパラメーターで正しくリダイレ​​クトされましたが、ボタンタグを type= ボタンの入力タグに変更すると、リダイレクトされません。イベントを呼び出して関数 input_action を呼び出していますが、ページ Display_Mobiles.php ページにリダイレクトしていません。コードの変更点を以下に示します。

上記のコードに以下の変更を加えました

  1. ボタンタグ (上の太字) を次のように変更しました。

  2. event を ( ボタンの代わりに input タグを呼び出すようにイベントを変更しました。

    $('.Mobile_Category li input').on('click',function(e){           

   imgs.input_action({form2:$('home_left #Mobile_Category')});  
});

私が何か間違ったことをした場合は、私を修正してください...事前に感謝します。

4

1 に答える 1

1

要素を別の要素に変更したため、セレクターを更新します。このコードを変更

$('.Mobile_Category li button')

に

$('.Mobile_Category input[type="button"]')
于 2013-11-05T06:03:20.310 に答える