Question

我的div有错误

  <div data-role="dialog" id="step_2_ajax_error">
  <div data-role="header" data-id="persistent" data-position="fixed">
    <div class="mini_logo"><a href="/" data-ajax="false"><%= image_tag "#{image_folder}/logo.png", fetch_format: :auto %></a></div>
  </div>
  <div role="main" class="ui-content" style="background-color: #ececec;">
    <%= _('Tyvärr bekräftades inte era platser. Gör vänligen en ny sökning.') %>
    <br/>
    <a href="#" data-rel="back" class="ui-btn ui-shadow ui-corner-all ui-btn-a"><%= _('Stäng') %></a>
  </div>
</div>

我需要通过coffeescript将其加载到另一个div

在这里

    <div data-role="popup" id="step_2_error" data-overlay-theme="b" data-theme="b" data-dismissible="false" tabindex="0" class="ui-page ui-page-theme-b">
  <div data-role="header" data-id="persistent" data-position="fixed">
    <div class="mini_logo"><a href="/" data-ajax="false"><%= image_tag "#{image_folder}/logo.png", fetch_format: :auto %></a></div>
  </div>
  <div role="main" class="ui-content" id="step_2_error_content">
  </div>
</div>

这是我尝试做到的方式

showAjaxErrorScreen = () ->
$('#step_2_error_content').load("#step_2_ajax_error")
$.mobile.changePage '#step_2_error', changeHash: false
log_event "Show ajax error screen"
Honeybadger.notify raiseError('Ajax not OK on step_2', 'NOT OK')

但是它只是打开空白屏幕。而不是加载错误div。

我该如何解决？

Answer 1

我找到了答案。

我能够像这样运行它

$.mobile.changePage '#step_2_ajax_error', changeHash: false

将div附加到另一个div（CoffeeScript）

1 个答案: