Question

您好，我是Jquery的初学者，我遇到了问题。我无法让Jquery加载到我的页面上。我不知道这是我的代码还是文件放置。

我的HTML负责人：

#include <iostream>
#include <fstream>
#include <string>
#include <sstream>
#include <vector>


int main(int argc, char* argv[])
{
    std::string filename = "testfile.txt";
    std::ifstream input(filename.c_str());
    if(!input){
        std::cerr << "Error in opening file: " << filename << "\n";
        return 1;
    }
    std::vector<std::vector<std::string> > words;
    std::string line;

    while(std::getline(input, line)){
        std::stringstream ss;
        ss << line;
        std::vector<std::string> row;
        while (!ss.eof()) {
            std::string tempStr;
            ss >> tempStr;
            row.push_back(tempStr);
        }
        words.push_back(row);
    }
    //... then do something with words here
    return 0;
}

我的Jquery

<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://code.jquery.com/jquery-1.12.2.min.js"></script>
</head>
<!-- ...Before </body>... -->
<script type="text/javascript" src="mainScript.js"></script> 
</body>

我希望你能帮忙

Answer 1

确保您正在打开和关闭<head>和<body>。为了确保它正常工作，在添加JavaScript之前将一些东西放入体内可能是个好主意。

链接脚本/样式表的典型裸机HTML结构示例：

<!DOCTYPE html>

<html>
<head>
  <title>The HTML5 Herald</title>
  <link rel="stylesheet" href="css/main.css">
  <script src="https://code.jquery.com/jquery-1.12.2.min.js"></script>
</head>

<body>
  <script src="js/scripts.js"></script> /*YOU CAN LOAD THIS IN YOUR BODY OR HEAD, AS LONG AS IT'S BELOW YOUR JQUERY*/

  <h1>Some Title to Make Sure It's Working</h1>
</body>
</html>

需要注意的另一件事是确保您的src网址正确无误。

例如，假设我的index.html位于我的主项目文件夹中，而我的scripts.js位于我的js文件夹中。我会按照我在上面的例子中的方式链接到它。

检查您是否正确执行此操作的一种方法是首先在JavaScript文件中添加以下内容：

 $(document).ready(function(){
     alert('Scripts.js is linked!');
  });

如果在打开index.html文件时看到警报，则jQuery和主JS文件都会链接。

Answer 2

问题不在于jQuery没有加载。问题是淡入功能仅适用于隐藏的元素。将下面的代码复制并粘贴到新页面中，您将看到红色块慢慢淡入查看时间为5秒，并且由于样式中的display:none而正常工作。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="https://code.jquery.com/jquery-1.12.2.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#myDiv").fadeIn(5000);
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="myDiv" style="background-color:red; width:300px; height:300px;display:none;">

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

如果您想确保加载jQuery，只需在alert('loaded');

内放置$(document).ready...

无法加载Jquery

2 个答案: