Question

我的代码在html中运行，但不在外部.js文件中运行。

在我的外部.js中，我有一个像.animate（）和hide（）等功能正常工作但是只是对于像.text（）或.html（）这样的函数，它在外部文件中不起作用。我甚至删除了我的所有代码并保留了这个脚本，但它仍然无法正常工作，但是当我将其粘贴到我的html中时，它仍然有效。

＆＃13;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>
        

    </head>


    <body >
        <div id="demo"> --- </div>
        <button>click me</button>

    </body>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
    
<script type="text/javascript">
    $("button").click(function(){
       $("#demo").html("text");
    });
</script>

</html>

＆＃13;

Answer 1

在你的JS中试试这个

$(function() {
    $("button").click(function(){
       $("#demo").html("text");
    });
});

Answer 2

你的HTML代码完全搞砸了!!使用以下

更新您的代码

<强> HTML

<!DOCTYPE html>
<html>    
<head>
<title>Test Page</title>
</head>    
<body>
    <div id="demo"> --- </div>
    <button>click me</button>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>    
    <script type="text/javascript">
        $(function() {
            $("button").on("click", function() {
                $("#demo").html("text");
            });
        });
    </script>
</body>    
</html>

外部jQuery问题

2 个答案: