Javascript 为什么';jQuery文档就绪函数是否在我的代码中运行?
我第一次使用jquery 我在代码中添加了这个脚本 这是我的test.aspx页面Javascript 为什么';jQuery文档就绪函数是否在我的代码中运行?,javascript,jquery,Javascript,Jquery,我第一次使用jquery 我在代码中添加了这个脚本 这是我的test.aspx页面 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="myProj.test" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="myProj.test" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
<link href="css/wordcloud.css" rel="stylesheet" />
<script>
$(document).ready(function () {
var
words = $('#tagi text'),
l = words.length,
current = null,
delay = 2000;
function clearBlink(o) {
var
ca = o.getAttribute('class').split(' '),
i = ca.indexOf('blink');
if (i !== -1) {
ca.splice(i, 1);
o.setAttribute('class', ca.join(' '));
}
}
function addBlink(o) {
var
ca = o.getAttribute('class').split(' ');
ca.push('blink');
o.setAttribute('class', ca.join(' '));
}
function wordblink() {
var e;
if (current !== null) {
clearBlink(words.eq(current)[0])
}
current = Math.floor(Math.random() * l);
e = words.eq(current);
addBlink(e[0]);
setTimeout(wordblink, delay);
}
alert("Hello");
wordblink();
});
</script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<svg id="tagi" x="0px" y="0px" width="920px" height="324px" viewBox="0 0 920 324">
<text transform="matrix(1 0 0 1 497.4292 293.7129)" class="st17 st0">SALES</text>
<text transform="matrix(1 0 0 1 727.8999 191.9316)" class="st17 st20">CPC</text>
<text id="XMLID_2_" transform="matrix(1 0 0 1 433.0854 82.7407)" class="st17 st8">LEADS</text>
<text transform="matrix(1 0 0 1 188.187 144.3555)" class="st5 st17 st22">CLICKS</text>
<text transform="matrix(1 0 0 1 380.8301 145.1353)" class="st17 st29">ADWORDS</text>
<text transform="matrix(1 0 0 1 378.8799 54.6626)" class="st5 st28 st6">BING</text>
<text transform="matrix(1 0 0 1 247.0718 191.1514)" class="st5 st28 st18">YANDEX</text>
<text transform="matrix(1 0 0 1 0 129.9268)" class="st5 st28 st30">vKONTAKTE</text>
<text transform="matrix(1 0 0 1 250.9712 76.1118)" class="st5 st28 st14">REMARKETING</text>
<text transform="matrix(1 0 0 1 229.9131 169.5225)" class="st5 st28 st25">MARKETING</text>
<text transform="matrix(1 0 0 1 472.4722 105.3691)" class="st5 st28 st27">LOOKALIKE</text>
<text transform="matrix(1 0 0 1 735.7007 163.4639)" class="st5 st28 st1">BIG DATA</text>
<text transform="matrix(1 0 0 1 128.9111 264.4697)" class="st5 st28 st26">REKLAMA EFEKTYWNOŚšCIOWA</text>
<text transform="matrix(1 0 0 1 191.3057 102.2393)" class="st5 st28 st24">PERFORMANCE</text>
<text transform="matrix(1 0 0 1 318.4351 289.0342)" class="st5 st28 st1">AUTOMATION</text>
<text transform="matrix(1 0 0 1 740.77 211.4307)" class="st5 st28 st21">ATTRIBUTION</text>
<text transform="matrix(1 0 0 1 683.0542 230.5381)" class="st5 st28 st19">BEHAVIORAL</text>
<text transform="matrix(0.9244 0 0 1 632.7485 97.0288)" class="st5 st28 st16">E-COMMERCE</text>
<text transform="matrix(1 0 0 1 663.5552 139.2856)" class="st5 st28 st3">KONWERSJE</text>
<text transform="matrix(1 0 0 1 251.3608 240.4502)" class="st5 st17 st31">SHOPPING CAMPAIGNS</text>
<text transform="matrix(1 0 0 1 217.0439 54.2744)" class="st5 st28 st11">PRODUCT FEED</text>
<text transform="matrix(1 0 0 1 119.9526 240.2871)" class="st5 st28 st13">TRACKING</text>
<text transform="matrix(1 0 0 1 444.0044 34.7744)" class="st5 st17 st4">KEYWORDS</text>
<text transform="matrix(1 0 0 1 125.4019 129.147)" class="st5 st28 st15">CTR</text>
<text transform="matrix(1 0 0 1 350.8022 207.5303)" class="st17 st2">REVENUE</text>
<text transform="matrix(1 0 0 1 81.5249 212.6006)" class="st17 st9">ROI</text>
<text transform="matrix(1 0 0 1 545.0063 316.7061)" class="st5 st28 st23">COSTS</text>
<text transform="matrix(1 0 0 1 638.2075 66.7529)" class="st5 st28 st12">AD GROUPS</text>
<text transform="matrix(1 0 0 1 185.8467 282.4043)" class="st5 st28 st10">OPTIMIZATION</text>
<text transform="matrix(1 0 0 1 34.1494 150.5947)" class="st5 st28 st7">TARGETING</text>
</svg>
</div>
</form>
</body>
</html>
$(文档).ready(函数(){
变量
文字=$(“#塔吉文字”),
l=字数。长度,
电流=零,
延迟=2000;
函数clearBlink(o){
变量
ca=o.getAttribute('class')。拆分(“”),
i=ca.indexOf('blink');
如果(i!==-1){
ca.剪接(i,1);
o、 setAttribute('class',ca.join('');
}
}
函数addBlink(o){
变量
ca=o.getAttribute('class').split('');
ca.push('blink');
o、 setAttribute('class',ca.join('');
}
函数wordblink(){
变量e;
如果(当前!==null){
clearBlink(words.eq(当前)[0])
}
当前=数学地板(数学随机()*l);
e=字。eq(电流);
addBlink(e[0]);
设置超时(字闪烁、延迟);
}
警惕(“你好”);
wordblink();
});
出售
共产党
引导
咔哒声
广告词
宾
YANDEX
vKONTAKTE
再销售
市场营销
相像
大数据
雷克拉马·埃夫克泰维诺·希奥瓦
演出
自动化
归属
关于行为的
电子商务
康维斯杰
购物活动
产品饲料
追踪
关键词
中心
收入
投资回报率
成本
广告组
优化
瞄准
当我加载页面时,它不工作
我发出了警报,但从未执行过
我想知道我在这里做错了什么?我看不到您在哪里导入了JQUERY库或链接到JQUERY CDN,请尝试链接到CDN。您可以在这里找到它
https://code.jquery.com/
您似乎忘记了为使用jQuery定义
。您可以尝试附加jQuery CDN
<script
src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"></script>
在您制作的html中复制上面的CDN链接。仅供参考:在我看来,您的代码中似乎没有包含将jQuery库包含到页面中的
标记,因此浏览器不理解$(文档)。ready
的含义。jQuery是一个外部库,默认情况下不是JavaScript的一部分,因此必须手动包含它
您需要一个类似以下()的标记,以便在页面上包含jQuery库:
<script
src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"></script>
然后,只要在脚本之前包含库,就应该执行代码。将上述标记放在HTML的
标记中的一个好位置,在您自己的
标记之前。这应该确保在脚本运行之前加载库。在代码中包含jQuery
的位置?我没有看到上面的代码中加载jQuery。您是否在母版页或任何地方添加了jquery库?另外,您在浏览器开发人员控制台中遇到了什么控制台错误?谢谢,它现在可以工作了:)