<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();
//});
});
});
基本上另一个Div将通过css隐藏。单击此应该显示div的获取按钮,但是当我单击GET按钮时,其他div将很快显示和淡出时出现问题。但当我更改GET按钮类型提交到按钮,将正常工作..? 如何避免这个问题......?
谢谢
答案 0 :(得分: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;
});