Question

我是使用RequireJS和Magnific Popup的新手，我想知道是否有人成功地让他们一起玩得很好。如果是这样，您的代码的基本结构是什么？

谢谢！

Answer 1

首先在html文件中设置emtry点：

$('td:contains("Setup")').addClass('mark');

然后在entrypoint.js中你可以配置jquery和magnific popup：

<!DOCTYPE html>
<html>
  <body>
    <script data-main="entrypoint" src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.15/require.min.js"></script>  
  </body>
</html>

最后，在popuptest.js上我们可以打开一个像这样的youtube popup：

require.config({
  paths : {
    jquery : '//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min',
    magnificpopup : 'path/to/magnific-popup.min',
  },
  shim: {
    'magnificpopup': ['jquery']
  }
});

require([ 'popuptest' ], function(popuptest) {
  popuptest.show();
});

希望这有帮助。

让Magnific Popup与RequireJS一起使用

1 个答案: