Javascript jQuery panaroma查看器插件不工作_Javascript_Jquery_Css

Javascript jQuery panaroma查看器插件不工作

javascript jquery css

Javascript jQuery panaroma查看器插件不工作,javascript,jquery,css,Javascript,Jquery,Css,我使用jQuery插件。但这并不能起作用 HTML: 我怎样才能解决这个问题在“框架和扩展”下，将onLoad更改为onDomready.）很好您需要按照如下方式包装初始化代码： $(document).ready(function () { $(".panorama").panorama_viewer({ repeat: false, direction: "horizontal", animationTime: 700, easing: "eas

我使用jQuery插件。但这并不能起作用

HTML:

我怎样才能解决这个问题

在“框架和扩展”下，将onLoad更改为onDomready.）很好

您需要按照如下方式包装初始化代码：

$(document).ready(function () {
  $(".panorama").panorama_viewer({
    repeat: false, 
    direction: "horizontal", 
    animationTime: 700, 
    easing: "ease-out",
    overlay: true 
  });
});

HTML文件：

...
<script type="text/javascript" src="link-to-jquery.js"></script>
<script type="text/javascript" src="link-to-panorama.js"></script>
<script type="text/javascript">

$(document).ready(function () {
  $(".panorama").panorama_viewer({
    repeat: false, 
    direction: "horizontal", 
    animationTime: 700, 
    easing: "ease-out",
    overlay: true 
  });
});

</script>
</head>

<body>
    <div class="panorama">
        <img src="http://www.thepetedesign.com/demos/panorama_viewer/demo_photo.jpg">
    </div>
...

。。。
$（文档）.ready（函数（）{
$（“.panorama”）.panorama_查看器({
重复：错，
方向：“水平”，
动画时间：700，
放松：“放松”，
覆盖：对
});
});
...

那么您的HTML可能顺序错误。确保导入JQuery，然后导入插件，然后调用此函数。你能把它贴在这里吗？

$(document).ready(function () {
  $(".panorama").panorama_viewer({
    repeat: false, 
    direction: "horizontal", 
    animationTime: 700, 
    easing: "ease-out",
    overlay: true 
  });
});

...
<script type="text/javascript" src="link-to-jquery.js"></script>
<script type="text/javascript" src="link-to-panorama.js"></script>
<script type="text/javascript">

$(document).ready(function () {
  $(".panorama").panorama_viewer({
    repeat: false, 
    direction: "horizontal", 
    animationTime: 700, 
    easing: "ease-out",
    overlay: true 
  });
});

</script>
</head>

<body>
    <div class="panorama">
        <img src="http://www.thepetedesign.com/demos/panorama_viewer/demo_photo.jpg">
    </div>
...