Question

我已经在互联网上找了一段时间来为我的问题找到合适的问题并问了一些同事......我仍然遇到同样的问题。

如下：
（我是使用JS和jQuery的新手）

我想将自己的JS加载到我的HTML中（用PHP编写）。

<script src="standaard.js"></script>

和

<script src="test.js"></script>

standaard.js 包含以下所有内容：https://code.jquery.com/jquery-3.2.1.min.js

test.js

$(document).ready(function(){
    $("button").click(function(){
        $("p").fadeOut("slow");
    });
});

并且它引用的<button>位于PHP文件中：

<button id="button"> CLICK HERE!</button>

现在，当我加载 standaard.js 并在<script></script>之间的PHP文件中复制 test.js 的内容时，它的工作方式正常。

但是当我从不同的文件加载它时，它没有，当我在Firefox控制台中检查页面时，它给了我这个：

SyntaxError：期望表达式，得到'}'
  [更多信息]
  test.js：4：10

我希望有人可以帮助我，并且我没有犯新手的错误：）

注意：我怀疑它与时间有关，两个脚本都需要加载并且 test.js 先行...但是再次，我没有得到错误弹出。

修改

这是修剪过的PHP文件：

<?php

echo        '<!doctype html>
<html>
    <head>
        <title>Opdracht 4!</title>
        <meta name="author" content="Danny">
        <link rel = "stylesheet" href = "basis.css">
    </head>
        <body>
            <h3>Naam</h3>
                <p> Danny </p><br>
            <h3>Geboortedatum</h3>
                <p>a date</p><br>
            <h3>Woonplaats</h3>
                <p>A City</p> 

<br><br><br>

    <div class="footer">
        <footer>
            &#169 2017, Danny 
        </footer>
    </div>

        <script src="standaard.js"> </script>
        <script src="test.js"></script>
    </body>
</html>';
?>

Answer 1

在结束</body>标记之前，按顺序放置两个脚本：

 <script id="jquery" src="standaard.js"></script> 
  and 
 <script src="test.js"></script>

您可以删除id="jquery"。这不是任何目的。您应该只将文件重命名为jquery.min.js。这并没有给你带来任何实际问题，但它更有意义地命名。

在test.js文件中，您可以输入脚本：

$(document).ready(function(){
    $("button").click(function(){
        $("p").fadeOut("slow");
    });
});

Answer 2

经过多次尝试，我找到了解决方案！它似乎退出简单而不是非常逻辑，但我取代所有“to”并且它有效！？

像这样：

$(document).ready(function(){
    $('button').click(function(){
        $('p').fadeOut('slow');
    });
});

谢谢大家的回复，在你的帮助下，我知道要解决的问题不是什么。

加载jQuery和自己的JS

2 个答案: