1

特定の状況では、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;
});
4

0 に答える 0