特定の状況では、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>
ジャバスクリプト:
//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;
});