Question

我正在使用Wordpress和Woocommerce建立一个网站。

每次我向汽车添加一个项目（点击添加到购物车）页面重新加载并显示一条消息，其中包含我添加到汽车的项目。（popUp with info）

我的问题是，如果我重新加载页面（F5浏览器），我再次看到弹出窗口而不点击“添加到购物车”按钮

只有当我点击“添加到购物车”按钮并重新加载页面时，才有一种方式显示PopUP ..

我试试这个但是不行的

$('single_add_to_cart_button').on 'click', () ->
  if document.addEventListener 'DOMContentLoaded', (event) ->
  styles = 
  'display': 'inline'
  'opacity': '1'
  'background-color': '#000'
  $('.modal.fade').css styles

任何想法!!

谢谢你的建议！

Answer 1

试试这个

<div id="event-modal" class="modal ">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <a class="close" href="#" onclick="$('#event-modal').hide()">x</a>
    <h3>Modal Heading</h3>
  </div>
  <div class="modal-body">
    <p>Some information</p>
  </div>
  <div class="modal-footer">
    <a class="btn primary" href="#">Primary</a>
    <a class="btn secondary" href="#">Secondary</a>
  </div>
</div>
</div>
<button id="popup"  onclick="$('#event-modal').show()">Open PopUp</button>

</div>

只有在按钮中单击并重新加载页面时才显示popUp

1 个答案:

试试这个