簡體   English   中英

Javascript有效,但JQuery無效嗎?

[英]Javascript works but JQuery does not?

我的代碼是這樣的:

<script> 
    var name = document.getElementById("nusname").innerHTML;
    document.getElementById("uName").innerHTML = "Welcome, " + name;
    $('#uName').text("AsgufHFBS");
</script>

第三行

document.getElementById("uName").innerHTML = "Welcome, " + name;

可以,但是第四行

$('#uName').text("AsgufHFBS");

才不是。

我試圖用替換

$(document).ready(function(){
    $('#uName').text("AsgufHFBS");
});

但它仍然不起作用。

所以我的問題是:為什么javascript可以工作,而不是JQuery版本?

將其添加到文檔的<head>中:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

或者只是更新您的代碼:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script> 
    var name = document.getElementById("nusname").innerHTML;
    document.getElementById("uName").innerHTML = "Welcome, " + name;
    $('#uName').text("AsgufHFBS");
</script>

假設您已經正確嵌入了jQuery庫,但仍無法正常工作,請嘗試以下操作:

jQuery('#uName').text("AsgufHFBS");

如果這樣可行,則意味着$速記可能已由頁面上的另一個腳本保留。 您可以糾正該問題,也可以在該頁面上使用“ jQuery”而不是“ $”作為jQuery命令的開頭。

我已經將您的代碼編碼到jsFiddle中,並且工作正常,但是您是否在文件中包含jQuery? 如果在瀏覽器中按f12鍵,會得到任何控制台日志嗎? 如果是這樣,請提供它們。

但是這是包含jQuery的jsFiddle版本

jsFiddle: https ://jsfiddle.net/bn788ff4/

HTML

<div id="nusname">hello</div>
<div id="uName">username</div>

Javascript / jQuery

var name = document.getElementById("nusname").innerHTML;
document.getElementById("uName").innerHTML = "Welcome, " + name;
$('#uName').text("AsgufHFBS");

要包含jQuery,您可以使用Google托管的版本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

鏈接https://developers.google.com/speed/libraries/

您可能缺少Jquery庫文件。 請將附加信息附加到頁面的<head>部分。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

並將代碼的第四行替換為:

$('#uName').html("AsgufHFBS"); 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM