Jquery如果窗口宽度<某事和p字符串>某物

时间:2014-06-12 21:12:19

标签: javascript jquery html css

尝试修复特定屏幕宽度和字符串长度的css边距,但出于测试目的,脚本会发出警报。

这是jquery代码

$(document).ready(function(){
  var $hn = $('#footcap2');
  if ($(window).width() < 1025) && ($hn.text().length > 12)
    {
alert('Less');
}
else {
alert('More');
}
});

没有提醒警报。 Jquery肯定是连接的,所以我猜测我在语法的某个地方犯了一个错误。有人可以帮助我并显示它在哪里吗?

谢谢!

3 个答案:

答案 0 :(得分:3)

这里的括号有语法错误:

if ($(window).width() < 1025) && ($hn.text().length > 12)
   ^                        ^    ^                      ^

if条件必须完全被一对括号括起来。

你需要这个:

if ($(window).width() < 1025 && $hn.text().length > 12)

Here it is on jsfiddle

你应养成查看浏览器控制台的习惯(按F12键) - 这会直接指出错误。

答案 1 :(得分:0)

试试这个:

$(document).ready(function(){
 var $hn = $('#footcap2');
if(($(window).width() < 1025) && ($hn.text().length > 12))
{
alert('Less');
}
else 
{
alert('More');
}
});

工作小提琴:http://jsfiddle.net/robertrozas/qGq69/

答案 2 :(得分:0)

我认为问题可能在括号内。如果你没有右括号。

if ($(window).width() < 1025 && $hn.text().length > 12)

JSFiddle:http://jsfiddle.net/e4v23/19/

BTW:使用console.log()函数调试比使用alert()更好。您可以使用javascript控制台(在chrome F12中)。