我有这个完美的代码片段,但是当我把它放在Dreamweaver上时它并没有。缺少什么?
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
(Código: 40398488494)
</div>
&#13;
stack
&#13;
任何帮助,我将不胜感激,谢谢
答案 0 :(得分:0)
如果你像这样在标题中加载jquery会更好。
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
</head>
答案 1 :(得分:0)
在初始页面加载时,您正在搜索(然后)未知元素,因为JS在HTML完全呈现之前就已触发。
您可以将JS放在页面底部,就在结束</body>
之前,然后将<div><small>(Código: 40398488494)</small></div>
放在 / 之前 JS,或者你可以(最好)使用$(document).ready()
。
以下各项均有效:
使用$(文档).ready()
<!doctype html>
<html>
<head></head>
<body>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script>
<script>
$(document).ready(function() {
$('div').each( function() {
orgText = $(this).html();
newText = orgText.replace('(Código:','');
$(this).html(newText);
});
$('div').each( function() {
orgText = $(this).html();
newText = orgText.replace(')','');
$(this).html(newText);
});
});
</script>
<div><small>(Código: 40398488494)</small></div>
</body>
</html>
请注意 <div><small>(Código: 40398488494)</small></div>
的位置并不重要,因为在页面准备之前JS不会触发。
没有$(文件).ready()
<!doctype html>
<html>
<head></head>
<body>
<div><small>(Código: 40398488494)</small></div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script>
<script>
$('div').each( function() {
orgText = $(this).html();
newText = orgText.replace('(Código:','');
$(this).html(newText);
});
$('div').each( function() {
orgText = $(this).html();
newText = orgText.replace(')','');
$(this).html(newText);
});
</script>
</body>
</html>
如果你没有使用<div><small>(Código: 40398488494)</small></div>
,那么 $(document).ready()
必须在你的JS之前。
第一个示例($(document).ready()
更可取,因为它允许您自定义JS触发的内容和时间。
更多关于.ready()