Question

我正在这样做： http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/

我已经设法从es-gallery（AKA Elastislide）向画廊添加了两件东西，但是我无法附加活动链接或添加到购物车按钮。

<li><a href="#"><img src="images/envtab.png" data-large="images/cards.jpg" data-description="this is the caption"  data-bit="images/env.png"> data-cart="???" data-link="????"</a></li>

/ *显示与$ item * /

关联的大图像

            **var $loader   = $rgGallery.find('div.rg-loading').show();

            $items.removeClass('selected');
            $item.addClass('selected');

            var $thumb      = $item.find('img'),
                largesrc    = $thumb.data('large'),
                title       = $thumb.data('description');
                button      = $thumb.data('cart');
                key     = $thumb.data('bit');
            $('<img/>').load( function() {

                $rgGallery.find('div.rg-image').empty().append('<img src="' + largesrc + '"/>');
                $rgGallery.find('div.rg-button').empty().append('<img src="' + button + '"/>'); 
                $rgGallery.find('div.rg-key').empty().append('<img src="' + key + '"/>');   
                if( title )
                    $rgGallery.find('div.rg-caption').show().children('p').empty().text( title );**

            if( title )
                $loader.hide();
                if( mode === 'carousel' ) {
                    $esCarousel.elastislide( 'reload' );
                    $esCarousel.elastislide( 'setCurrent', current );
                }

                anim    = false;                    
            }).attr( 'src', largesrc );

        },
        addItems        = function( $new ) {

            $esCarousel.find('ul').append($new);
            $items      = $items.add( $($new) );
            itemsCount  = $items.length; 
            $esCarousel.elastislide( 'add', $new );

        };

    return { 
        init        : init,
        addItems    : addItems
    };

})();

Gallery.init();

我不知道将href项目放入HTML或如何使用库js附加的语法。

为了得到附加的而不是堆叠也是一个奖励，我已经尝试过，之前和之前都无济于事。

感谢。

Answer 1

使用a附加href的语法是：

$('<a />').attr('href','url here').appendTo($('the container'));

这就是<a>附加href

的方式

附加超链接

1 个答案: