0

我正在尝试修改本教程以添加社交网络链接。这是磁贴的标记：

<li>
                    <a href="http://cargocollective.com/jaimemartinez/" 
data-largesrc="http://wwwdev.cco.purdue.edu/ImageSlider/21centuryimages/logos/ALDI.png" data-title="ALDI" 
data-facebook="http://www.facebook.com" 
data-description="" >
                        <img src="images/aldi.png" alt="img01"/>
                    </a>
                </li>

正如你所看到的，我已经包含了一个数据属性data-facebook。我进入 JS 文件并将 facebook 行添加到以下内容：

var $itemEl = this.$item.children( 'a' ),
            eldata = {
                href : $itemEl.attr( 'href' ),
                largesrc : $itemEl.data( 'largesrc' ),
                title : $itemEl.data( 'title' ),
                description : $itemEl.data( 'description' ),
                facebook : $itemEl.data( 'facebook' )
            };

        this.$title.html( eldata.title );
        this.$description.html( eldata.description );
        this.$facebook.html( eldata.facebook );
        this.$href.attr( 'href', eldata.href );

当我保存它并在 Chrome 中尝试它时，当我单击显示扩展信息容器的图块时，它会将我带到href属性。我不确定为什么添加这两行会搞砸。更具体地说，我已经追踪了实际上使 tile 行为与this.$facebook.html( eldata.facebook );. 你们可以看看我做了什么，看看我是否犯了一个明显的错误？我从来没有做过这样的事情，所以我是新手。这是您可以查看的网站：http ://wwwdev.cco.purdue.edu/matt/grid/index.html

谢谢！

4

2 回答 2

2

你错过了调整create()方法

create : function() {
    // create Preview structure:
    this.$title = $( '<h3></h3>' );
    this.$description = $( '<p></p>' );
    this.$href = $( '<a href="#">Visit website</a>' );
    this.$details = $( '<div class="og-details"></div>' ).append( this.$title, this.$description, this.$href );
    this.$loading = $( '<div class="og-loading"></div>' );
    this.$fullimage = $( '<div class="og-fullimg"></div>' ).append( this.$loading );
    this.$closePreview = $( '<span class="og-close"></span>' );
    this.$previewInner = $( '<div class="og-expander-inner"></div>' ).append( this.$closePreview, this.$fullimage, this.$details );
    this.$previewEl = $( '<div class="og-expander"></div>' ).append( this.$previewInner );
    // append preview element to the item
    this.$item.append( this.getEl() );
    // set the transitions for the preview and the item
    if( support ) {
        this.setTransition();
    }
}

添加一个元素$facebook，它应该可以工作。

于 2013-05-22T18:11:44.373 回答
0 
var $itemEl = this.$item.children( 'a' )

返回anchor每个 的所有标签的列表li。看起来它返回了多个条目

于 2013-05-22T18:04:51.700 回答