1

自分のサイトにlivesearchjavascriptプラグインをダウンロードしましたが、機能していますが、少し変更するためのサポートが必要です。

コードは次のとおりです。

$.ajax({url: $('base').attr('href') + 'index.php?route=product/search/ajax&keyword=' + keywords, dataType: 'json', type: 'GET', success: function(result) {
    if( result.length > 0 ) {
        var eList = document.createElement( 'ul' );
        eList.id = 'livesearch_search_results';
        var eListElem;
        var eLink;
        var eHref;
        for( var i in result ) {
            eListElem = document.createElement( 'li' );
            eLink = document.createElement( 'a' );
            if( result[i].img != null ) {
                eImg = new Image();
                eImg.src = result[i].img;
            }
            else {
                eImg = document.createElement( 'span' );
                eImg.innerHTML = ' ';
            }
            eDiv = document.createElement( 'div' );
            eLink.appendChild( document.createTextNode(result[i].name) );
            if( typeof(result[i].href) != 'undefined' ) {
                eHref = result[i].href;
            }
            else {
                eHref = $('base').attr('href') + 'index.php?route=product/product&product_id=' + result[i].product_id + '&keyword=' + keywords;
            }
            eLink.href = eHref;
            eDiv.appendChild( eLink );
            eDiv.innerHTML = eDiv.innerHTML + result[i].desc;
            eListElem.appendChild( eImg );
            eListElem.appendChild( eDiv );
            eListElem.appendChild( document.createElement('br') );
            eListElem.setAttribute( 'rel', eHref );
            $(eListElem).bind('click', function(){
                var gto = $(this).attr( 'rel' );
                try {
                    if( gto != false && gto.length > 0 ) {
                        document.location = gto;
                    }
                }
                catch( e ) {}
            });
            eList.appendChild( eListElem );
        }
        if( $('#livesearch_search_results').length > 0 ) {
            $('#livesearch_search_results').remove();
        }
        $('#search_menu').append(eList);
    }
}});

出力は次のようになります。

<li rel="http://url"><img src="http://url.jpg">
<div><a href="url">TITLE</a>Description</div>
<br></li>

タグに要素を追加する方法はありますか？このような：

<li rel="http://url"> <span class="img_container"><img src="http://url.jpg"> </span>
<div><a href="url">TITLE</a>Description</div>
<br></li>

でタグを作成できることdocument.createElement( 'span' )は知っていますが、この場合、正確にどこに行くのかわかりません。

4

1 に答える 1

2

行を置き換えるだけです

eImg = new Image();
eImg.src = result[i].img;

と

var eImg = document.createElement( 'span' );
eImg.className = "img_container";
var img = new Image();
img.src = result[i].img;
eImg.appendChild( img );

ところで、スクリプトの作成者は変数eImgをローカルとして宣言するのを忘れています。これが故意だったとは思えません。

于 2012-12-05T00:06:16.927 に答える