1

このサイトのユーザーの助けを借りて、私はなんとかこのギャラリーページをまとめることができました。

サンプルページに、ユーザーが画像を削除できるようにするために十字を使用していることがわかります。私が遭遇している問題は、アイコンをjQueryUIの「ゴミ箱」アイコンに変更しようとしていることです。問題のアイコンを見つけましたが、.ui-icon-trashこれを自分のページに実装する方法についての説明が見つかりません。

アイコンを処理するコードは次のとおりです。

 .galleria-thumbnails .btn-delete {    
          display: block;  
          position: absolute; bottom : 0px;   
          width: 80px;     
          height: 80px;    
          cursor: pointer;     
          background: url(cross.png) no-repeat bottom; }

に変更url(cross.png)してみましたが、成功url(.ui-icon-trash)しurl(class=.ui-icon-trash)ませんでした。また、可能であれば、アイコンの現在の位置ではなく、アイコンを中央に配置したいと思いますoff-centre。

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

4

2 に答える 2

5

これを行うことはできません。次のようなHTMLコードを使用する必要があります。

<span class="ui-icon ui-icon-trash"></span>

ゴミ箱アイコンが表示されます。

アイコンファイルとしての「ゴミ箱」の画像はありません。すべてのアイコンが1つの大きな「スプライト」画像ファイルに保存され、要求されたアイコンのみを表示するためにいくつかのCSSルールが適用されます。

于 2012-05-07T15:02:36.793 に答える
2

あなたがそれをjQueryの方法でやりたいのなら、これはあなたが探しているものです：

$(function () {
  $('.btn-delete').addClass('ui-icon-trash');
});
于 2012-05-07T15:19:14.303 に答える