2012-03-18 10 views
1
<div class="well original3"> 
<%= form_tag({ :controller => 'businesses', :action => 'create' }, { :id =>  'myform',:class => 'form-inline offset3', :method => 'post'}) do %> 
<%= text_field_tag('mnum' ,nil, :class => "input-xlarge", :style => "text- align:center;height:28px;",:placeholder => "Enter Mobile Number") %> 
<%= submit_tag "Get", :id => "da",:class =>  "btn btn-large btn-primary" %> 
<%end%> 
</div> 

jQueryのレールタグが発行

$(document).ready(function() { 
$("#da").click(function() { 
    //$(".original3").fadeOut(300, function() { 
     //$(".original3").css("display", "block"); 
     $(".checked3").css("display", "block"); 
     $(".checked3").show(); 
     //}); 
}); 

})。

基本的に別の部門はCSSを介して非表示になります。このGetボタンをクリックするとdivが表示されますが、GETボタンをクリックするともう片方のdivが表示され、すぐにフェードアウトします。しかし、GETボタンのタイプを変更すると、正しく動作するボタンに送信されます。 この問題を回避する方法...?あなたはで試すことができ

答えて

1

使用

<%= submit_tag "Get", :id => "da",:onclick => show_checked3();,:class =>"btn btn-large btn-primary" %>

function show_checked3(){ 
    $(".checked3").css("display", "block"); 
    $(".checked3").show(); 
} 

それとも

$(document).ready(function() { 
$("#da").live('click',function() { 
    $(".checked3").css("display", "block"); 
    $(".checked3").show(); 
    //}); 
}); 

で試しいただきありがとうございます更新

$("#myform").submit(function(){ 
    $(".checked3").css("display", "block"); 
    $(".checked3").show(); 
    return true; 
}); 
+0

あなたの返信ありがとうございますが、上記の2つの解決策はこれで動作しません – amtest

+0

誰でもこの問題の解決策をお持ちですか? – amtest

+0

編集した私の答えはそれを見ています。 – asitmoharna