カスタムjqueryプラグインを使用しているときにクリックイベントが発生しない

I am new to jQuery and am trying to use a plugin I found online to flip images.I am using the plugin available http://www.hieu.co.uk/blog/index.php/imageswitch/

私はasp.netプロジェクトにjsライブラリを追加し、ライブラリに記載されているflipOutメソッドを使用しました。

<script type="text/javascript">
        var ImgIdx = 2;
        var ImgName = "slash";
        $(document).ready(function() {

            $("img#image").click(function() {
                if (ImgIdx > 4)
                    ImgIdx = 2;
                ImgName = ImgName + ImgIdx + ".jpg";
                ImgIdx = ImgIdx + 1;
                if ($(this).hasClass("fadeout")) {
                   //$(this).fadeTo('slow', 1);
                    $(this).toggleClass("fadeout");
                    $(this > img).ImageSwitch({ Type: "FlipIn", NewImage: "slash2.jpg" });

                }
                else {
                    $(this).fadeTo('slow', 0.5);

                   //FlipIn
                    $(this).toggleClass("fadeout");
                    $(this).ImageSwitch({ Type: "FlipIn", NewImage: "slash3.jpg" });
}});});
</script>
<html><body>
 </body></html>

問題は次のとおりです。これは最初のクリックを実行するとうまくいきますが、連続してクリックすると何も起こりません。私はclickイベントの中に警告メッセージを入れようとしましたが、2回目以降のクリックは発生していないので、警告メッセージも表示されません。 私はASP.NET 3.5を使用しています。

0
私はASPに精通していませんが、 runat = "server" は意味しません。 jQueryを動作させるためには、ドキュメントにDOM要素を作成する必要があります。
追加された 著者 David Laberge,
プラグインはもうサポートされていないようです(2009年最後の更新)。代わりに jQueryサイクルをお試しください。
追加された 著者 Samuel Liew,

2 答え

ああ、私が最初に始めたときにこれと同じ問題がありました。行を呼び出すと:

 $("img#image").click(function() {
 }

ページ上の既存の要素にのみイベントをバインドしています。私の推測では、あなたのプラグインは動的にアイテムを読み込むAJAXを使用しているということです。動的に読み込まれたコンテンツにアクセスする場合は、 on()を使用してください:

$(document).on('click', 'img#image', function()
{
    //do stuff
});
2
追加された
最新バージョンのjQueryを使用していない場合は、 .on()はjQuery 1.7で新しく、 .live()を使用してください。
追加された 著者 David Laberge,

Asp.netの代わりにhtml imgタグを使用してください。それはクライアント上にないサーバー上でのみ動作します。 Jqueryは、クライアントマシンのみを動作させるjavascriptフレームワークです。指定したIDを使用している場合は、imgのように使用しないでください

$("#image").click(function() { //your code here });
0
追加された