Javascript 如果元素宽度大于，则执行jQuery代码

我在相关的html区域下面有下面的javascript，它似乎不起作用。我很确定我有获得相关div标记宽度的正确方法，但不确定为什么

<script type="text/javascript">
var pageWidthNow = document.getElementById('top-area').clientWidth;

if (pageWidthNow > 700) {
    $('#search-form').addClass(topRightSearchBox);
};
</script>

var pageWidthNow=document.getElementById（'top-area'）.clientWidth；
如果（页面宽度现在>700）{
$（“#搜索表单”）.addClass（topRightSearchBox）；
};

看起来您只需要添加引号

$('#search-form').addClass("topRightSearchBox");

---

您是否尝试过

console.log（pageWidthNow）

？topRightSearchBox是一个变量吗？topRightSearchBox是我在js中预先分配了几个css变量的类，但这回答了我的问题：）