jquery - 如何运行 Facebook 风格的图像编辑 jQuery 插件

Question

我在网上找到了FaceBook Style Image Editing jQuery Plugin的脚本，但它似乎不起作用

这是我的代码 test.html ：

//调用一个jquery

<script type="text/javascript" src="http://localhost/app/js/jquery/jquery-1.6.4.min.js">

//调用一个css

<style type="text/css">
 //css code that obtain from website
<style>

//调用一个js应用

<script type="text/javascript"> 
//js code that is obtained from website
</script>

//调用应用程序

</script>
    $('#albump').editFaceBook();        
</script>

//添加图片

<img id ="albump" src="http://localhost/app/imgs/album.gif">

我做错了什么吗？或者这个代码是错误的？

Answer 1

您需要添加此就绪功能

  <script type="text/javascript" src="http://localhost/app/js/jquery/jquery-1.6.4.min.js">
   <script>
    $(document).ready(function(){
    $("#albump").editFaceBook();
    });
   <script>

Answer 2

查看您发布的文档链接的第二行 - 它<div>仅适用于 's。将您的图像包装在 div 中并在其上调用插件：

<div id="albump">
    <img src="http://localhost/app/imgs/album.gif" />
</div>

<script type="text/javascript">
    $("#albump").editFacebook();
</script>