Ruby on rails Rails语义UI模式创建其他Dom元素
我有一个显示验证错误的模式。我的问题是,每次我关闭模式,并再次触发它,它重复,然后我必须关闭它两次 问题是这样的: 这个解决方案行不通。我不确定这是否是rails处理部分的方式的问题,或者我是否实现了错误的模式。我需要帮助了解发生了什么,以及如何修复它 index.htmlRuby on rails Rails语义UI模式创建其他Dom元素,ruby-on-rails,semantic-ui,Ruby On Rails,Semantic Ui,我有一个显示验证错误的模式。我的问题是,每次我关闭模式,并再次触发它,它重复,然后我必须关闭它两次 问题是这样的: 这个解决方案行不通。我不确定这是否是rails处理部分的方式的问题,或者我是否实现了错误的模式。我需要帮助了解发生了什么,以及如何修复它 index.html <div class="eight wide stackable column"> <div id="payee_errors"></div> </div> 问题是,当
<div class="eight wide stackable column">
<div id="payee_errors"></div>
</div>
问题是,当您关闭模式时,您只是在隐藏它,而没有破坏您创建的内容 解决方案是在关闭div之前清除它,如下所示:
$('.ui .modal').html('')
$('.ui .modal').modal('hide')
你的回答让我找到了正确的方向。我试图使用clear、empty或任何我能找到的Jquery方法。我从未想过将整个modal div设置为空字符串。最后我不得不从回调方法调用
hide
,这是我唯一需要做的不同的事情。
$("#payee_errors").html("<%=escape_javascript(render partial: 'errors' , :locals => {:target => @payee }) %>")
$('.ui .modal').modal('show')
$('.ui.modal').html('')
$("#payee_errors").html("<%=escape_javascript(render partial: 'errors/errors' , :locals => {:target => @payee }) %>")
$('.ui.modal').modal(
onApprove: ->
$('.ui.modal').modal 'hide'
return
).modal 'show'
$('.ui .modal').html('')
$('.ui .modal').modal('hide')