0

説明する。私のサイトにはjqueryUIタブがあります。今、私は個々のページに数百のタブを持っていた前の開発者からこの位置を割り当てました、どうやら彼はあなたが一度だけそれをする必要があることに気づいていませんでした。さて、テキストという単語の代わりに画像を含めるために、これらの数百のタブを更新する必要があります。

試み1は、cssを使用してそれを行うことでした。背景を配置し、テキストを-9999pxインデントしましたが、テキストはまったく移動しませんでした。

試み2は、必要なボタンの新しい画像を追加するスクリプトを作成することでした。jsfiddleで動作しますが、サイトでは動作しません... jquery..http：//jsfiddle.net/cornelas/hnYQf/1/ "/を使用してjqueryで作成されたものを変更できないのはどうしてですか？

    var prevImage = "http://www.pflivedevelopment.com/custom/images/prev.png";
    var nextImage = "http://www.pflivedevelopment.com/custom/images/next.png";
    $(".demo .mover").contents().filter(function() {return this.nodeType === 3;
    }).remove();
     $('<img src=" ' + prevImage + '"/>').appendTo("a.prev-tab");
    $('<img src=" ' + nextImage + '"/>').appendTo("a.next-tab");

試行3-..........手作業で変更する.....作業日数....特にCMSを使用する...別のjqueryスクリプトを使用して1つのjqueryUIコードを効果的に変更する方法に関する提案？

4

1 に答える 1

0

これはCSSで実行でき、実行する必要があるように思えますが、重要な部分を省略している可能性があります。text-indent正しく機能するために、要素をに設定することはできません。inlineこれaはデフォルトです。

これは、CSSを介してリンクテキストが画像に置き換えられた作業用フィドルです：http：//jsfiddle.net/crMhU/

于 2012-12-19T17:30:18.020 に答える