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 个答案: