使用可編輯插件

我是實施jQuery附加組件的新手。我想在我的網站上使用編輯：使用可編輯插件

http://www.arashkarimzadeh.com/jquery/7-editable-jquery-plugin.html

我使用jQuery的2我的網站上已經添加附件......但包有我需要的所有文件。所以我有一個腳本文件夾，jquery-1.4.1 ...然後爲每個'plugin'提供一個文件夾，例如'plupload'，並且在那裏我有很多.js文件和幾個文件夾。這是從作者網站下載的一個文件夾。

使用'editable'時，它們只提供一個.js文件。我該怎麼處理它（我應該在哪裏將它複製到我的網站結構中），以及如何將它包含在我的項目中，以便我可以使用它們提供的代碼？

我的HTML代碼如下所示：

<div id="editable"> Click Me </div>

，我有我的功能在作爲ASCX文件底部：

.....   
    <script type="text/javascript"> 
      $(function() { 
       $('#gallery a').lightBox({ 
        imageBtnClose: '/lightbox/images/lightbox-btn-close.gif' 
       }); 
      }); 

      $(document).ready(function() { 
       $('div.editable').editable(); 
      }); 
     </script> 

</asp:Content>

而且我有這個在文件的頂部：

<script type="text/javascript" src="scripts/jquery.editable-1.3.3.js"></script>

來源

2011-12-31 Craig

您是否曾嘗試將.js文件放入腳本文件夾？那麼這個標記添加到您的<head>標籤：

<script type="text/javascript" src="scripts/jquery.editable-1.3.3.js"></script>

凡SRC點到您的文件。

一旦做到這一點，你應該只是一個<script>標籤內使用（或任何你想要的其他設置）：

$(document).ready(function(){ 
    $('div.editable').editable(); 
});

哪裏div.editable是你想成爲可編輯的DIV。

來源

2011-12-31 21:26:10 Wasbazi

謝謝！我試過了 - 但迄今爲止失敗了。我的html看起來像這樣：

你可以窺探一個問題嗎？ – Craig 2011-12-31 21:35:59

我也試過這個，但是當我點擊時沒有任何反應：

Click Me

– Craig 2011-12-31 21:41:35

對於大多數一個文件的插件，你只需要像這樣做：

<head> 
    <script src="jQuery.js"></script> 
    <script src="jQuery.Editable.js"></script> 
</head>

來源

2011-12-31 21:31:21

使用可編輯插件

回答

相關問題