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. 事件为（只是将事件更改为调用输入标签而不是按钮。

    $('.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 回答