在某些情况下,我喜欢用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;
});