2011-12-31 9 views
0

Я новичок в реализации jQuery add. Я хотел бы использовать редактируемые на моем сайте:Использование редактируемого плагина

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

Я использую 2 JQuery добавить дополнений на моем сайте уже ... но пакеты были все файлы, которые мне нужны. Таким образом, у меня есть папка с сценариями, с jquery-1.4.1 ... И затем папка для каждого «плагина», например «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> 

ответ

2

Вы пытались поместить файл .js в свою папку сценариев? Затем добавьте этот тег в <head> тег:

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

Где СРК указывает на файл.

Как только это будет сделано, вы должны просто использовать это (или любые другие настройки, которые вы хотите) в другом <script> тега:

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

div.editable Где это ДИВ вы хотите быть доступны для редактирования.

+0

Спасибо! Я пробовал это, но до сих пор не смог. Мой html выглядит так:

Можете ли вы найти проблему? – Craig

+0

Я также пробовал это, но ничего не происходит, когда я нажимаю:

Click Me
Craig

1

В большинстве плагинов один файл, вы только должны сделать это так:

<head> 
    <script src="jQuery.js"></script> 
    <script src="jQuery.Editable.js"></script> 
</head> 
Смежные вопросы