Jquery:在新窗口中打开链接。可与每个链接的自定义尺寸重复使用

时间:2013-07-24 01:48:46

标签: jquery window custom-data-attribute

在某些情况下,我喜欢用jquery在新窗口中打开链接。我想知道如何修改所有链接的公共代码,同时修改每个链接的宽度和高度?

(宽度/高度是单击链接时打开的窗口的宽度/高度。)

我在考虑使用自定义数据属性(例如:data-window-width和data-window-height)。

我已经开始但不确定如何处理宽度和高度变量。

HTML:

   <a href="SOME_LINK_HERE" class="linkSocial" 
data-window-width="700" data-window-height="400">link text</a>

JAVASCRIPT:

//Open social links in new window
$('body').on('click', 'a.linkSocial', function() {
    var width = 'width' + $(this).data('window-width');
    var height = 'height' + $(this).data('window-height');
    //Not sure what to do next with width and height!
    newwindow=window.open($(this).attr('href'),'','height=400,width=770');
    if (window.focus) {newwindow.focus()}
    return false;
});

0 个答案:

没有答案