0

Jquery Auto Complete を使用する次のオートコンプリート プラグインを使用しています。それはうまく機能し、私が必要とするものを正確に実行しますが、私の問題は、JSON ファイルに説明と画像を含む何千もの製品があることです。多くの画像がダウンしており、機能していません。

これらの壊れた画像リンクを一般的なローカル画像に置き換える方法を知っている人はいますか? 数週間かかるため、JSON ファイルに手動でアクセスしてそれらの画像を置き換えることはできません。

私はこれを見ましたが、助けにはなりませんでした：「http://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images」

どんな助けでも大歓迎です。

ここに FoxyComplete の JS と完全なスクリプトへのリンクがあります (JsFiddle を動作させることができませんでした -- http://www.bcreatives.com.au/wp-content/uploads/dev/foxycomplete-local/ ):

(function($) {
$(document).ready(function() {

    $( '#s' ).each( function(){
    $(this).attr( 'title', $(this).val() )
      .focus( function(){
        if ( $(this).val() == $(this).attr('title') ) {
          $(this).val( '' );
        }
      } ).blur( function(){
        if ( $(this).val() == '' || $(this).val() == ' ' ) {
          $(this).val( $(this).attr('title') );
        }
      } );
    } );

    $('input#s').result(function(event, data, formatted) {
        $('#result').html( !data ? "No match!" : "Selected: " + formatted);
    }).blur(function(){     
    });

    $(function() {      
    function format(mail) {
        return "<a href='"+mail.permalink+"'><img src='" + mail.image + "' /><span class='title'>" + mail.title +"</span></a>";         
    }

    function link(mail) {
        return mail.permalink
    }

    function title(mail) {
        return mail.title
    }

    $("#s").autocomplete(completeResults, {
        width: $("#s").outerWidth()-2,          
        max: 5,         
        scroll: false,
        dataType: "json",
        matchContains: "word",
        parse: function(data) {
            return $.map(data, function(row) {
                return {
                    data: row,
                    value: row.title,
                    result: $("#s").val()
                }
            });
        },
        formatItem: function(item) {                
            return format(item);
        }
        }).result(function(e, item) {
            $("#s").val(title(item));
            //location.href = link(item);
        });                     
    });

});
})(jQuery);
4

1 に答える 1

1

あなたがリンクしたSOの質問に対する受け入れられた答えはうまくいくはずです。format関数を次のように置き換えるだけです。

function format(mail) {
    return "<a href='"+mail.permalink+"'>" +
        "<img src='" + mail.image + "' onerror='this.src=\'/img/error.jpg\'' />" +
        "<span class='title'>" + mail.title +"</span></a>";         
}

そして/img/error.jpg、natch という名前の画像があることを確認してください。

于 2012-09-19T23:16:58.760 に答える