Question

所以，我一直试图让这个JQuery代码在我的HTML代码中运行，但它只是赢了。我一直在寻找该网站多年，仍然无法找到解决方案。（我发现了类似的问题，但修复工作并不起作用。）

HTML：

<!DOCTYPE html>
<html>
<head>
    <link href="../CSS/stylesheet.css" rel="stylesheet" type="text/css">
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js></script>
    <script type='text/javascript' src='script.js'></script>
</head>
<body>
    <div id="header"><h3 class="hf"></h3></div>
    <div class="left">
    <h3 class="arial"></h3>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
    <h3 class="arial"></h3>
        <p></p>
        <p></p>
        <p></p>
    </div>
    <div class="picroll">
        <tr>
            <td></td>
            <td></td>
            <td></td>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        <tr>
            <td></td>
            <td></td>
            <td></td>
    </div>
    <div class="right"><img id="pb" src=""/>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <lI></li>
        </ul>
    </div>
    <div class="box">
        <p id="fb">Add me on Facebook!</p>
        <a href="#"><img id="flogo" src="https://www.seeklogo.net/wp-content/uploads/2013/11/facebook-flat-vector-logo-400x400.png"/></a>
    </div>
</body>
<div id="footer"><p class="hf"></p></div>

所以这就是全部。我删除了数据本身，但我不认为这应该是一个问题。

JS：

$(document).ready(function() {
$('.box').mouseenter(function() {
    $('.box').fadeTo('fast', 1);
});
$('.box').mouseleave(function() {
    $('.box').fadeTo('fast', 0.5);
});
});

我的猜测是我没有正确链接到JQuery脚本，但我无法找到答案。我只想要＆＃34; .box＆＃34;从不透明度0.5（它在我的CSS文件中）以及将鼠标悬停在其上时为1，然后当我再次移除光标时返回0.5。

Answer 1

你需要在标题中的jquery调用之后运行js脚本，如下所示：

<html>
<head>
<title></title>
<link href="../CSS/stylesheet.css" rel="stylesheet" type="text/css">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js></script>
<script type='text/javascript' src='script.js'></script>
</head>

Chrome确实有一个启用此功能的开关，它很容易打开。您需要确保Chrome已完全关闭，并使用'-allow-file-access-from-files'标志运行chrome。即：

C：\用户\\应用程序数据\本地\谷歌\铬\应用程序＆gt; chrome --allow-file-access-from-files

要查看该标志是否已设置，您可以访问：chrome：// version /并查看“命令行”部分，您应该看到-allow-file-access-from-files

您最有可能需要至少使用管理员权限来运行此操作，我会提醒您使用此设置访问未知网站，因为他们可以利用您的设置并可能读取本地文件。

Answer 2

我不确定你是否正在运行本地服务器，如果你是，那么这个答案是完全错误的。但是，我猜你不是。因此，在Chrome中，您可以启用–allow-file-access-from-files标记，也可以使用file:///协议。以下链接应解决您的问题。

How can I create a link to a local file on a locally-run web page?

就个人而言，我建议从服务器运行文件 - 如果你还没有 - 因为我从来没有遇到过这个问题。 Wamp（Windows），Mamp（OSX）是我发现可靠的。

HTML中的JQuery没有做任何事情

2 个答案: