2017-05-18 28 views
-2

こんにちは。私の問題は、('id_form').submit()は、クロームではうまくいきますが、Firefoxではうまく動作していないことです。同様の質問が掲載されていますが、 uは私のhtmlで見るように、直接身体ウィッヒに取り付けたことは私の場合ではありません.submit()はFirefoxで動作しません。

<body> 
    <div class="sitecontainer"> 

     form-vehicule 

     <div class="body"> 
      <!-- NBA_dataLayer_v1 --> 
      <section class="slice-pn7 slice-full-size no-margin-top"> 
       <div class="header"> 
        <header> 
         <div> 
          <h1><span class="bold">Tasación Peugeot</span></h1> 
         </div> 
        </header> 
       </div> 
      </section> 

      <div class="container-fluid "> 
       <form id="form-vehicule" class="form-vehicule" name="form_vehicule" method="post" action="http://tasacion.peugeot.shakazoola.com/"> 

        <div class="row"> 
         <div class="col-xs-12"> 
          <h2 class="text-left">INDICA EL NÚMERO DE PUERTAS DE TU VEHÍCULO</h2> 
         </div> 
        </div> 
        <div class="row "> 
         <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2"> 
          <button type="button" data-scope="select_vo_porte" class="button button-porte-boite btn-cta grey select_vo_porte scrollPage" style="" value="3">3 puertas</button> 
         </div> 
         <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2"> 
          <button type="button" data-scope="select_vo_porte" class="button button-porte-boite btn-cta grey select_vo_porte scrollPage" style="" value="5">5 puertas</button> 
         </div> 
        </div> 
        <div class="row margin-top" id="toScroll"> 
         <div class="col-xs-12"> 
          <h2 class="text-left">SELECCIONA EL TIPO DE CAJA DE CAMBIO</h2> 
         </div> 
        </div> 
        <div class="row " id="resultBoite"> 
         <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2"> 
          <button type="button" data-scope="select_vo_boite" class="button button-porte-boite btn-cta dark-blue" style="" value="1">Manual</button> 
         </div> 
        </div> 
        <div class="row" style="margin-top:2em;"> 
         <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2"> 
          <div class="inline-cta"> 
           <a id="back_slide" class="cta btn-cta arrow grey previous"> 
            <span class="content-cta">ANTERIOR</span> 
           </a> 
          </div> 
         </div> 

         <div class="col-xs-6 col-sm-4 col-sm-offset-4 col-md-3 col-md-offset-6 col-lg-2 col-lg-offset-8">   
          <div class="inline-cta"> 
           <a id="submit_slide" class="cta btn-cta arrow light-blue next" onclick="javascript:void(0);"> 
            <span class="content-cta"> SIGUIENTE</span> 
           </a> 
          </div>     
         </div>  
        </div> 
        <div> 
        </div> 
       </form> 
      </div> 
     </div><!-- end body !--> 
    </div> 
</body> 

ので('#form-vehicule').appendTo('body');がot働いていないことを確認し、それは実際にあなたがチェックすることができ、本体 の終わりにフォームを移動していますsuccedを提出このURLのjsファイル全体http://tasacion.peugeot.shakazoola.com/assets/js/formcheck.js

+0

提出がうまくいかない理由、または身体への追加がうまくいかない理由について質問していますか?あなたの質問は不明です。 – andi

+0

私は提出がうまくいかない理由を尋ねています。 Appendソリューションを使用していることを説明してください。私はそれをより明確にするために私の質問を編集しました –

+1

"*全体[js]ファイル、*"を確認したくない場合は、問題がどこにあるのかを概算し、 mcve] * "のコードを使用してください。 –

答えて

0

私はあなたと思う

$('#form-vehicule').appendTo('.body'); 

フォームについて提出し、あなたはSK Jajoriyaが提案方法に似クリックイベントをバインドすることを確認し使用する必要があります:身体のクラスにそれを追加し、これを使用するためにアリ

$(document).on('click', '#submit_slide', function() { 
     $(this).parents('form').submit(); 
    }); 

かそれは、ボタン要素である場合:このアプローチを使用

$(document).on('click', '.button', function() { 
     $(this).parents('form').submit(); 
    }); 

ページがロードされたときにフォームが存在していれば、バインドされたクリックイベントに関係なく発生しますか、それが注入された場合、イベントのバインドが発生した後。

これが役に立ちます。

関連する問題