Javascript jquery自动刷新后,div弹出窗口不起作用

Javascript jquery自动刷新后,div弹出窗口不起作用,javascript,php,jquery,partial-page-refresh,Javascript,Php,Jquery,Partial Page Refresh,我有一个jquery刷新div,但刷新后弹出窗口无法从刷新的数据中工作 <script type="text/javascript"> $(function() { $.ajaxSetup ({ cache: false }); //Refresh trigger `#newORDERx` var auto_refreshes = setInterval(function () {$('#

我有一个jquery刷新div,但刷新后弹出窗口无法从刷新的数据中工作

<script type="text/javascript">
    $(function() {
        $.ajaxSetup ({
            cache: false
        });
        //Refresh trigger `#newORDERx`
        var auto_refreshes = setInterval(function () {$('#newORDERx').load('inc/restAdmin_orders_rcvz.php');}, 1000);
    });
</script>
<div id="newORDERx"></div>
restAdmin\u orders\u rcvz.php

<div class="col-lg-6">
  <div class="the-menu-item">
    <div class="image-wrap">
      <a class="pp-product-detail" href="product-detail-popup-rest-admin-order-rcv.php?iid=<?php echo $phporder; ?>">
      <img src="images/themenu/img-1.jpg" alt="">
      </a>
    </div>
    <div class="the-menu-body">
      <b><font color='red'> Order # </font> <?php echo $phporder; ?><br>
      <font color='red'> Items Included : </font> <?php echo $lrsa['count']; ?>
      <br><font color='red'>Dated : </font> <?php echo date("d/m/Y", strtotime($phpdates)); ?>
      </b>
    </div>
  </div>
</div>
<div class="col-lg-6">
  <div class="the-menu-item">
    <div class="image-wrap">
      <a class="pp-product-detail" href="product-detail-popup-rest-admin-order-rcv.php?iid=<?php echo $phporder; ?>">
      <img src="images/themenu/img-1.jpg" alt="">
      </a>
    </div>
    <div class="the-menu-body">
      <b><font color='red'> Order # </font> <?php echo $phporder; ?><br>
      <font color='red'> Items Included : </font> <?php echo $lrsa['count']; ?>
      <br><font color='red'>Dated : </font> <?php echo date("d/m/Y", strtotime($phpdates)); ?>
      </b>
    </div>
  </div>
</div>

订单#
项目包括:
日期:
好的。。。我很确定问题出在您的
类中,因为您重新编写了
.pp产品详细信息
元素

因此,请尝试将其更改为:

if ($(document).find('.pp-product-detail').length) {
   $(document).find('.pp-product-detail').magnificPopup({
       type: 'ajax'
   });
}

好的。。。我很确定问题出在您的
类中,因为您重新编写了
.pp产品详细信息
元素

因此,请尝试将其更改为:

if ($(document).find('.pp-product-detail').length) {
   $(document).find('.pp-product-detail').magnificPopup({
       type: 'ajax'
   });
}

我刚刚在
restAdmin\u orders\u rcvz.php
中添加了以下文件,并且工作正常

<script type="text/javascript" src="js/scripts.js"></script>

restAdmin\u orders\u rcvz.php

<div class="col-lg-6">
  <div class="the-menu-item">
    <div class="image-wrap">
      <a class="pp-product-detail" href="product-detail-popup-rest-admin-order-rcv.php?iid=<?php echo $phporder; ?>">
      <img src="images/themenu/img-1.jpg" alt="">
      </a>
    </div>
    <div class="the-menu-body">
      <b><font color='red'> Order # </font> <?php echo $phporder; ?><br>
      <font color='red'> Items Included : </font> <?php echo $lrsa['count']; ?>
      <br><font color='red'>Dated : </font> <?php echo date("d/m/Y", strtotime($phpdates)); ?>
      </b>
    </div>
  </div>
</div>
<div class="col-lg-6">
  <div class="the-menu-item">
    <div class="image-wrap">
      <a class="pp-product-detail" href="product-detail-popup-rest-admin-order-rcv.php?iid=<?php echo $phporder; ?>">
      <img src="images/themenu/img-1.jpg" alt="">
      </a>
    </div>
    <div class="the-menu-body">
      <b><font color='red'> Order # </font> <?php echo $phporder; ?><br>
      <font color='red'> Items Included : </font> <?php echo $lrsa['count']; ?>
      <br><font color='red'>Dated : </font> <?php echo date("d/m/Y", strtotime($phpdates)); ?>
      </b>
    </div>
  </div>
</div>

订单#
项目包括:
日期:
我刚刚在
restAdmin\u orders\u rcvz.php中添加了以下文件,并且工作正常

<script type="text/javascript" src="js/scripts.js"></script>

restAdmin\u orders\u rcvz.php

<div class="col-lg-6">
  <div class="the-menu-item">
    <div class="image-wrap">
      <a class="pp-product-detail" href="product-detail-popup-rest-admin-order-rcv.php?iid=<?php echo $phporder; ?>">
      <img src="images/themenu/img-1.jpg" alt="">
      </a>
    </div>
    <div class="the-menu-body">
      <b><font color='red'> Order # </font> <?php echo $phporder; ?><br>
      <font color='red'> Items Included : </font> <?php echo $lrsa['count']; ?>
      <br><font color='red'>Dated : </font> <?php echo date("d/m/Y", strtotime($phpdates)); ?>
      </b>
    </div>
  </div>
</div>
<div class="col-lg-6">
  <div class="the-menu-item">
    <div class="image-wrap">
      <a class="pp-product-detail" href="product-detail-popup-rest-admin-order-rcv.php?iid=<?php echo $phporder; ?>">
      <img src="images/themenu/img-1.jpg" alt="">
      </a>
    </div>
    <div class="the-menu-body">
      <b><font color='red'> Order # </font> <?php echo $phporder; ?><br>
      <font color='red'> Items Included : </font> <?php echo $lrsa['count']; ?>
      <br><font color='red'>Dated : </font> <?php echo date("d/m/Y", strtotime($phpdates)); ?>
      </b>
    </div>
  </div>
</div>

订单#
项目包括:
日期:
我看不出弹出式触发器在哪里。。。但是我想它在
#newORDERx
中。。。由于该元素被“刷新”或重新写入,因此触发弹出窗口的元素也会被刷新。您只需修改事件处理程序(您没有提供):
$(“#poputrigger”)。在(“单击”,function(){…}
上修改为
$(文档)。在(“单击”,“poputrigger”,function(){…}
什么“弹出”?什么是“弹出”的?是什么导致它“弹出”的?什么是
pp产品详细信息
类?然后显示它!)@LouySpatriceBesette检查更新我看不到弹出触发器在哪里…但我想它在
#newORDERx
中…由于此元素被“刷新”或重新写入,触发弹出的元素也被刷新。您只需修改事件处理程序(您没有提供):
$(“#poputrigger”)。单击(“click”,函数(){…}
$(文档)。在(“单击“,”#popupTrigger”,function(){…}
什么是“弹出”?什么是“弹出”以及是什么首先导致它“弹出”?什么是
pp产品详细信息
类?然后显示它!)@LouySpatriceBesette检查更新将打开弹出窗口一次,并在urlmmm中打开文件几次…您是否有要共享的实时链接?哈!您确定能够在本地环境中执行ajax请求吗?请尝试实时更新…这可能是问题所在。如果我不刷新它,工作正常,只是在我重新刷新时造成的esh分区仍然会打开一次弹出窗口,并多次在urlmmm中打开文件…您是否有要共享的实时链接?哈!您确定能够在您的本地环境中执行ajax请求吗?尝试实时运行…这可能是问题所在。如果我不刷新它,工作正常,只是刷新分区时造成的