jqueryで画面サイズを計算する方法

Question

jQueryで画面サイズを計算するにはどうすればよいですか？

新しいチャットウィンドウを作成するスクリプトがありますが、4番目のウィンドウを作成すると、画面外に表示されます。私は画面のサイズを計算し、その限界を超えない方法を知るのを助けるでしょう！

function createChatBox(chatboxtitle,chatname,minimizeChatBox) { 
    $(" <div />") 
    .attr("id","chatbox_"+chatboxtitle) 
    .addClass("chatbox") 
    .html('<div style="cursor:pointer"onclick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')"><div class="chatboxhead"><div class="chatboxtitle">'+chatname+'</div><div id="chatboxoptions"><a href="javascript:void(0)" onclick="javascript:closeChatBox(\''+chatboxtitle+'\')"> X </a></div><br clear="all"/></div><div class="chatboxcontent"></div><div class="chatboxinput"><textarea class="chatboxtextarea" onkeydown="javascript:return checkChatBoxInputKey(event,this,\''+chatboxtitle+'\',\''+chatname+'\');"></textarea> <br clear="all"/></div>') 
    .appendTo($("body")); 

    $("#chatbox_"+chatboxtitle).css('bottom', '0px'); 
    chatBoxeslength = 0; 

    for (x in chatBoxes) { 
    if ($("#chatbox_"+chatBoxes[x]).css('display') != 'none') { 
    } 
    } 

    if (chatBoxeslength == 0) { 
    $("#chatbox_"+chatboxtitle).css('right', '215px'); 
    } else { 
    width = (chatBoxeslength)*(225+7)+215; 
    $("#chatbox_"+chatboxtitle).css('right', width+'px'); 
    } 
} 

Answer 1

Jquery width()関数は、ウィンドウの幅を与えます。

$(window).width() 

Answer 2

ウィンドウ幅と同じ変数を作成し、必要に応じてコードにプラグインします。必要に応じて以下の例を参考にして編集してください。

$(document).ready(function() { 
 
var windowWidth = $(window).width(); 
 
alert(windowWidth); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 3

document.write(window.outerWidth );