jQuery .width在我的if语句中不起作用

Question

我的问题是，由于某种原因，我的.width无法正常工作，我也不知道为什么。 在html文件中正确引用了JQuery，并且正确插入了ID。 （我想：//对不起，如果这只是我认为的菜鸟错误，但是我一直在寻找一种解决方案，并且到目前为止尚未找到一个解决方案。）这是我的JavaScript。

window.onload;
function detectmob() {
 if( navigator.userAgent.match(/Android/i)
 || navigator.userAgent.match(/webOS/i)
 || navigator.userAgent.match(/iPhone/i)
 || navigator.userAgent.match(/iPad/i)
 || navigator.userAgent.match(/iPod/i)
 || navigator.userAgent.match(/BlackBerry/i)
 || navigator.userAgent.match(/Windows Phone/i)
 ){
    return true;
  }
 else {
    return false;
  }
}
if(detectmob()){
  window.alert('success');
  $('#content').width("100%");
} else {
  window.alert('fail');
}

这是我的html。

<!DOCTYPE html>
<html>
  <head>
    <title>Autofresh</title>
    <link rel="stylesheet" type="text/css" href="styles/styles.css">
    <script type="text/javascript" src="styles/jquery-3.1.0.min.js"></script>
    <script src="styles/main.js"></script>
  </head>
  <body>
    <div id="content">
      <div id="header">
        //image goes here
        <div id="navbar">

        </div>
      </div>
      <div id="video"></div>
      <div id="registration">

      </div>
    </div>
  </body>
</html>

非常感谢任何帮助，因为我仍在学习JavaScript和JQuery的过程中，而绝不是专家，恰恰相反。 预先感谢您提供的任何帮助。

Answer 1

好的，我做了一些小的更改，第一个是navigator.userAgent.match(/Mozilla/i)因此您可以从浏览器进行测试，以后可能希望删除它。 第二个是我将JQuery引用移到主体中，还将JavaScript包装在document.ready中。 希望能有所帮助

$(document).ready(function() {
    if(detectmob()){
      console.log("success");
      $('#content').width("100%");
    } else {
      console.log("navigator.userAgent");
    }
});

https://jsfiddle.net/63nm4cxs/

$未定义。

这是您的主要问题，未引用JQuery！

Answer 2

    //Include jquery before this code.
function detectmob() {
 if( navigator.userAgent.match(/Android/i)
 || navigator.userAgent.match(/webOS/i)
 || navigator.userAgent.match(/iPhone/i)
 || navigator.userAgent.match(/iPad/i)
 || navigator.userAgent.match(/iPod/i)
 || navigator.userAgent.match(/BlackBerry/i)
 || navigator.userAgent.match(/Windows Phone/i)
 ){
    return true;
  }
 else {
    return false;
  }
}
// on window load    
$(window).load(function() {
     if(detectmob()){
      window.alert('success');
$('#content').css('width',"100%");
//$('#content').width("100%");
    } else {
      window.alert('fail');
    }
    });

jQuery .width在我的if语句中不起作用

问题描述

2 个解决方案

解决方案1
1 已采纳 2016-08-16 16:13:00

解决方案2
-1 2016-08-16 16:03:13

jQuery .width在我的if语句中不起作用

问题描述

2 个解决方案

解决方案1 1 已采纳 2016-08-16 16:13:00

解决方案2 -1 2016-08-16 16:03:13

解决方案1
1 已采纳 2016-08-16 16:13:00

解决方案2
-1 2016-08-16 16:03:13