如何在页面加载上运行两个不同的jquery但是一个接一个?

jquery twitter-bootstrap-3 vuejs2

51 观看

2回复

6 作者的声誉

 mounted: function() {
       $(function(){
          $(document).ready(function(){
            Tour.run([
              {
                element: $('#interest'),
                content: 'by default tour is on the right'
              },
              {
                element: $('#course'),
                content: 'but it can be on top',
                position: 'right'
              },
              {
                element: $('#trade'),
                content: 'bottom',
                position: 'right'
              },
              {
                element: $('#district'),
                content: 'and finally on the left',
                position: 'right'
              },
              {
                element: $('#InstituteSearch'),
                content: 'and finally on the left',
                position: 'right'
              },
              {
                element: $('#btn-search'),
                content: 'and finally on the left',
                position: 'right'
              },
              {
                element: $('#btn-claear'),
                content: 'and finally on the left',
                position: 'right'
              }
            ]);
          });
      });
     (function($) {
        $(document).ready(function () {
          $.magnificPopup.open({
            items: {
                src: 'https://www.youtube.com/watch?v=K8E6xsac2MU'
            },
            type: 'iframe'
          }, 0);
        });
      })(jQuery);
    },

我有这两个jquery插件。一个用于叠加,另一个用于弹出视频。两者都是在页面加载时执行的。我想首先在页面加载时弹出视频。关闭视频后,应该执行overlay的jquery。

作者: Lakhan Khandelwal 的来源 发布者: 2017 年 4 月 5 日

回应 2


1

1371 作者的声誉

将第一个声明为关闭视频弹出窗口时关闭时运行的函数。

 $.magnificPopup.open({
            items: {
                src: 'https://www.youtube.com/watch?v=K8E6xsac2MU'
            },
            type: 'iframe',
            close: function() {
                // Will fire when popup is closed
                TourRun();
                    }
          }, 0);
        });
作者: devzero 发布者: 2017 年 4 月 5 日

-1

6 作者的声誉

mounted: function() {
      $(function(){
          $(document).ready(function(){

       $.magnificPopup.open({
            items: {
                src: 'https://www.youtube.com/watch?v=K8E6xsac2MU'
            },
            type: 'iframe',
            close: function() {
                // Will fire when popup is closed

                Tour.run([
              {
                element: $('#interest'),
                content: 'by default tour is on the right'
              },
              {
                element: $('#course'),
                content: 'but it can be on top',
                position: 'right'
              },
              {
                element: $('#trade'),
                content: 'bottom',
                position: 'right'
              },
              {
                element: $('#district'),
                content: 'and finally on the left',
                position: 'right'
              },
              {
                element: $('#InstituteSearch'),
                content: 'and finally on the left',
                position: 'right'
              },
              {
                element: $('#btn-search'),
                content: 'and finally on the left',
                position: 'right'
              },
              {
                element: $('#btn-claear'),
                content: 'and finally on the left',
                position: 'right'
              }
            ]);
          }
          }, 0);
        });
      });
              
    },

Hello它只显示视频Popup,叠加未运行

作者: Lakhan Khandelwal 发布者: 2017 年 4 月 5 日
32x32