Question

我尝试在大胆的弹出窗口中加载jQuery Ui Slider。

它可以在Windows浏览器中正常工作但在ios浏览器中无法正常工作..

请帮我解决这个问题..

这是代码：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Slider - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <link rel="stylesheet" href="magnific-popup.css">

  <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  <script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>
   <script src="jquery.magnific-popup.js"></script>
  <script src="jquery.ui.touch-punch.js"></script>

  <script>
  $(function() {
    $('.mgnpop').magnificPopup({
        type: 'inline',
        closeOnContentClick: true,
        callbacks : {
            open : function(){
               $( "#slider" ).slider();
            }
          }
    });

  });
  </script>
</head>

<body>
 <a href="#popup" class="mgnpop">click here</a>
 <div id="popup">
    <div id="slider"></div>
 </div>

</body>
</html>

为什么Jquery UI Slider无法在iphone和safari borwser的magnificpopup中工作？

0 个答案: