Javascript 在jQuery中按宽度（）输出错误的div width

我用bootstrap创建了一个弹出窗口来存储几个社交媒体共享按钮。然后我创建了两个左右按钮在它们之间导航。我的逻辑是，如果模态正文宽度小于共享按钮内容div宽度，则应显示导航按钮并移动到两侧的最末端。这里，在我的代码中，我得到了错误的模态体宽度，因此右侧导航按钮未按预期工作，这是我无法转到最后一个共享按钮。它似乎与默认的加载屏幕大小完美配合通过减小屏幕大小并尝试导航到“上次共享”按钮，可以准确地看到问题。我错过了什么

$（'.modal'）.on（'show.bs.modal'，function（）{
var currentPos=0；
var shareBtns=$（“.a2a_kit a”）.长度；
var sampleDivWidth=$（“.a2a_按钮_跨距”）.width（）；
var actualButtonWidth=sampleDivWidth+26
var shareDivWidth=（实际按钮宽度*shareBtns）/3；
var mainDivWidth=$（“.modal body”）.width（）；
//var maindividwidth=445；
var x=shareDivWidth/实际按钮宽度；
变量y=mainDivWidth/实际按钮宽度；
var z=（x-y）；
var stopPos=z*（-实际按钮宽度）；
//警报（maindividwidth）；
如果（（mainDivWidth-30）我想如果没有事先的宽度初始化，您无法获得Dynamicly创建的div的宽度。也许您可以获得文档的宽度并计算它？如：

var mainDivWidth=document.documentElement.clientWidth；
您可以使用
.css（'width'）
而不是
.width（）
.css（'width'）返回0px作为Div宽度。好主意。谢谢！