0

Galleriaパッケージを使用して画像ギャラリーを作成しています。ユーザーが希望する画像を削除できるように、削除ツールを追加したいと思います。

このデモをベースラインとして使用して、必要なコードの要素を取得し、ここのギャラリーページに組み込んでみました。問題は、各画像の下部に「ビン」アイコンが表示されないため、画像を画面から非表示にする機能が実際に機能するかどうかを確認できないことです。サーバーから画像を削除するコードは必要ありません。これについては後で扱います。

私はJavacriptとjQueryにまったく慣れていないので、遠慮なく私に話しかけてください。しかし、私はこれに何週間も取り組んできました、そして私はただ解決策を見つけることができません。

誰かがこれを見て、どこが間違っているのか教えてくれないかと思っただけです。

よろしくお願いします

4

1 に答える 1

0

このスタイルを CSS ルールに追加します。

.btn-delete {
    width: 14px; height: 14px;
    margin: 38px 0 0 66px;
    position: absolute;
}
.icon-remove { background-position: -312px 0; }
.icon-white { background-image: url('http://twitter.github.com/bootstrap/assets/img/glyphicons-halflings-white.png'); }

そしてあなたのjQueryで：

$(".galleria-image").append(
     "<span class='btn-delete icon-remove icon-white'></span>");

$(".btn-delete").live("click", function() {
    var img = $(this).closest(".galleria-image").find("img");

    alert('Deleting image... ' + $(img).attr("src"));
    return false;
});

これは次のようになります。

ここに画像の説明を入力

$.get()これで、たとえば、ユーザーが削除したい画像の ID/SRC を渡してajax リクエストを送信し、コードを更新して、選択した画像に属するすべての画像を削除することができます。

于 2012-05-05T15:42:44.743 に答える