rails标签嵌入在html问题中

时间:2012-03-18 18:07:50

标签: javascript html ruby-on-rails

<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按钮类型提交到按钮,将正常工作..? 如何避免这个问题......?

谢谢

1 个答案:

答案 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;
});