0

twitter-bootstrapのクラス「icon-edit」の編集リンクがあります。ユーザーがjavascriptでこのボタンをクリックしたときにダウンロード画像を表示したい。私はこれが好きでした：

var editLink = $('.icon-edit');
   editLink.onclick = function () {
        document.getElementById("editLoading").style.visibility = "visible";
   }

動作しません。

4

1 に答える 1

0

display変更する必要のある適切なCSSスタイルは、値「block」（または「inline」）を持つことだと思います。

さらに、jQueryとJavascriptをそのように混合することはできません/できません。（を使用して）jQueryオブジェクトを操作する$("")場合は、jQueryメソッドを使用する必要があります。プレーンなJavascriptを使用する場合は、Javascriptメソッドを使用できます。

あなたの場合、jQueryを使用してクラスごとに要素を選択します。onclickただし、次に、ハンドラーを選択した要素にバインドしようとします.onclick。これはプレーンなJavascriptです。

次を使用する必要があります。

$(".icon-edit").on("click", function () {
    $("#editLoading").show();    // Basically the same as: $("#editLoading").css("display", "block");
});

「うまくいかない」と言う代わりに、何が起こっているのかを説明する必要があります。ブラウザのコンソールを確認しましたか？エラーメッセージが表示されますか？何かがフリーズしますか？alertコードがどこまで到達するかを確認するためにステートメントを場所に配置することによっても、何らかの方法でデバッグを試みましたか？

于 2013-01-25T03:25:26.637 に答える