jquery不在Dreamweaver中工作

时间:2016-05-02 15:55:12

标签: javascript jquery html dreamweaver

我有这个完美的代码片段,但是当我把它放在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;
&#13;
&#13;

Dreamweaver capture

任何帮助,我将不胜感激,谢谢

2 个答案:

答案 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()