Question

我正试图让this plug in工作，但有些事情是不对的。

我的JSFiddle在这里：http://jsfiddle.net/F2Kye/2

这是我的HTML文档的<head>：

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.beforeafter.js"></script>
<script type="text/javascript">
    $(function(){
        $('#container').beforeAfter();
    });
</script>

这是身体：

<div id="container">
    <div><img alt="before" src="center_before.jpg" width="500" height="300" /></div>
    <div><img alt="after" src="center_after.jpg" width="500" height="300" /></div>
</div>

Answer 1

问题是您正在链接javascript文件，但javascript文件网址不起作用results in a 404。链接错误或CatchMyFame.com设置为阻止热链接。您需要下载该文件并自行托管。

Answer 2

如果您在开发人员工具/ firebug中查看控制台，您会注意到浏览器为beforeAfter插件获得了404。这只是让js加载的问题。我已经把你的小提琴分开，让它发挥作用here。我现在从我的服务器加载插件，它的工作原理。运用 <script type="text/javascript" src="http://binmonk.com/so/jquery.beforeafter-1.4.js"></script>

Answer 3

以防万一有人仍然在这里读取此帖子：链接的src到js文件是错误的。转到js文件所在的文件夹并进行检查。 html文件中的名称缺少versionnumbers等。

什么是我缺少得到这个beforeafter.js插件工作？

3 个答案: