2011-12-31 5 views
0

私はjQueryアドオンを実装する初心者です。私は自分のサイト上で編集可能な使用したい:編集可能なプラグインを使用する

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

私は2 jQueryのは、すでに自分のサイト上でアドオンを使用しています...しかし、パッケージには、私が必要とするすべてのファイルを持っていました。ですから、私はjquery-1.4.1のスクリプトフォルダを持っています。そして、それぞれの 'plupload'のような 'プラグイン'用のフォルダがあります。そこには、.jsファイルといくつかのフォルダがたくさんあります。これはauthorsサイトからダウンロードしたフォルダです。

「編集可能」では、1つの.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> 

ここで、srcはファイルを指します。 div.editableは、あなたが編集可能にするdiv要素である

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

:それが完了すると

あなただけの別の<script>タグ内でこの(または必要なその他の設定)を使用する必要があります。

最大1つのファイルプラグインで
+0

感謝を!私はこれを試みた - しかし、これまでに失敗した。私のHTMLは次のようになります:

スパイ問題がありますか? – Craig

+0

私もこれを試しましたが、クリックすると何も起こりません:

Click Me
Craig

1

、あなただけの、このようにそれを行う必要があるでしょう:

<head> 
    <script src="jQuery.js"></script> 
    <script src="jQuery.Editable.js"></script> 
</head> 
関連する問題