javascript - 将 jsfiddle 传输到 Dreamweaver-6ren

javascript - 将 jsfiddle 传输到 Dreamweaver

转载作者：行者123 更新时间：2023-11-28 05:45:14

24

4

我给。当我将 jsfiddle 代码传输到 Dreamweaver 时，我似乎无法使其工作？我一定错过了一些简单的东西？它在 jsfiddle 中运行良好。我添加了ready函数而不是onload，但它仍然不起作用。

$("document").ready(function() {

      var h1 = $('div#greeting h1');

      h1.hide().contents().each(function() {
        var words;
        if (this.nodeType === 3) {
          words = this.data.split(/\s+/).map(function(w) {
            return '<span>' + w + '</span>';
          }).join('');
          $(this).replaceWith(words);
        } else if (this.nodeType === 1) {
          $(this).html($(this).html().split(/\s+/).map(function(w) {
            return '<span>' + w + '</span>';
          }).join(''));
        }
      });

      h1.find('span').hide().each(function() {
        if (!$.trim(this.innerHTML)) {
          $(this).remove();
        }
      });

      $('#start').on('click', function() {
        h1.show().find('span').each(function(i, e) {
          h1.queue(function(next) {
            $.when($(e).fadeIn(150).fadeOut(150)).done(next);
          });
        });
      });
      $('#stop').on('click', function() {
        h1.finish();
      });
      $('#reset').on('click', function() {
        h1.finish();
      });

.box {
  border: 1px solid #E38E34;
  background-color: #FFE7BF;
  height: 150px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
#title {
  margin: 5px;
  border-bottom: 1px solid #E38E34;
  color: #C46908;
  font-weight: bold;
}
#message {
  margin: 5px;
}
h1 {
  font-size: 50px;
  text-align: center;
}

<!DOCTYPE html>
<html>

<head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <link rel="stylesheet" type="text/css" href="styles.css">

  <title>TedsCode</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

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

  <script type="text/javascript" src="speedread.js"></script>
</head>

<body>
  <div class="box" />
  <div id="title"><span id="name">Title</span> 
  </div>
  <div id="message" />
  <div id="greeting" />
  <input type="button" value="Read" id="start" />
  <input type="button" value="Stop" id="stop" />
  <input type="button" value="Reset" id="reset" />
  <h1><center>This is a test to see if this script displays one word at a time and functions correctly.</center></h1>

</body>

</html>

最佳答案

你的 js 中有一个语法错误。

我评论某事:添加“});”到js中，去掉多余的jquery引用。

代码片段现在可以工作了

关于javascript - 将 jsfiddle 传输到 Dreamweaver，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38580494/

24

4

0

文章推荐： javascript - AngularJS 中的动画(改变颜色)

文章推荐： javascript - 更新网页的一部分而不刷新

文章推荐： javascript - 隐藏的 div 出现和背景元素消失/不可见

dreamweaver - 将常用的代码块分配给键盘快捷键 (DreamWeaver)
你们中的任何一个 Dreamweaver 用户是否都遇到过这样的情况:您在编程时发现自己一遍又一遍地使用特定的代码片段... 以及以上？看，我整天使用以下代码: 问题:无论如何，你们程序员是否找到了
dreamweaver - Dreamweaver 中的开始和结束标记突出显示
是否有 Dreamweaver CS5 的标准功能或插件允许像在 Notepad++ 中一样突出显示标签？当您在 Notepad++ 中单击一个标签时，开始标签和结束标签都会突出显示，并且它们之间有
dreamweaver - Dreamweaver cc 中的动态相关文件
我只是为 webdevelopers 编写一个 html 页面。为方便起见，我使用 php 包含。例如在 index.php 我有其中包括所有 css 和 js 文件。 Dreamweaver cc
dreamweaver - Dreamweaver cs5.5中的自动双单引号'
有没有办法禁用第二个单引号的自动写入'当您按下第一个 ' ? 键入 ' 时使用 Dreamweaver它会自动添加第二个 ' . 有什么办法可以禁用这个吗？最佳答案编辑、首选项、代码提示。取消选中
dreamweaver - Dreamweaver 模板中的循环和 TemplateRepeatIndex
我在访问变量时遇到了一些麻烦，在这种情况下是 Setvariable。当我进入循环时，变量不存在。任何人都对此有任何见解。感谢你的帮助下面是我在模板中的代码部分。当你有机会时，你会帮忙吗？谢谢。
dreamweaver - 在 Dreamweaver 中显示列号？
我不太确定这是否会在 SU 或这里进行，但我认为这里的人更有可能找到答案。每个人都知道 80 个字符的列规则，对吗？我希望能够遵循这一点，但我使用 Dreamweaver，到目前为止我还无法找到一种
dreamweaver - Adobe Dreamweaver CC 在启动时卡住
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。去年关闭。 Improve this
dreamweaver - 文件保存 Dreamweaver CS5 上的自动同步
我已经设置了远程服务器，因此单击该文件会将其下载到我的本地文件夹。进行一些更改后，我必须单击“与服务器同步”等。当我简单地保存文件时，有没有办法与服务器同步？谢谢最佳答案如上所述，这确实不是一
dreamweaver - Tridion:Dreamweaver 不解析 HTML 代码字段
我们有一个复合 CT，它输出一个组件的代码字段。 CT的织梦部分如下: @@Component.HTMLCode@@ 但是，此 CT 在页面上显示代码字段，而不是转换为 HTML。例如:
dreamweaver - 在 Dreamweaver CS4/5 中显示不可见的制表符但不显示行尾字符？
关闭。这个问题是off-topic .它目前不接受答案。想改善这个问题吗？ Update the question所以它是 on-topic对于堆栈溢出。 8年前关闭。 Improve this q
dreamweaver - Visual Basic 与 Dreamweaver CS4
你好，我想知道你是否可以帮助我。我知道它不完全与编程相关，但有点相关我是一名初级 Web 开发人员，主要从事 PHP、MySQL、Javascript 和 HTML 工作，我并不真正接触设计。
dreamweaver - 在 *.ste 文件中编码和解码 Adobe Dreamweaver 密码
密码如何编码或解码以retrieve a password from an Adobe Dreamweaver *.ste file ，或者动态创 build 计为导入 Dreamweaver 的 *
dreamweaver - 在 Dreamweaver CS5 中，是否可以分离设计预览(移动到第二台显示器)
是否可以将设计预览从代码 View 中分离出来，以便在第二个显示器上使用？最佳答案如果您不喜欢 Split View(垂直或水平)，您可以使用代码检查器(Window -> Code Inspec
dreamweaver - 将 JavaScript ES6 添加到 Dreamweaver CS6
如何在使用 let 时让 Dreamweaver CS6 不出现语法错误而不是 var ? 最佳答案好的，只需转到: 编辑 > 首选项 > Linting 然后编辑 JS 文件。添加此属性: "e
dreamweaver - 如何阻止 Dreamweaver 5.5 创建 .tmp 文件
setup Using Dreamweaver CS 5.5 / Windows 7 I have turned off 'Preview [in browser] using temporary f
dreamweaver - 您可以在 Dreamweaver CS3 的属性 Pane 中隐藏 CSS 类吗？
有什么方法可以隐藏或限制“属性” Pane 中“样式”下拉框中可用的 CSS 类？我有几个用于页眉、页脚、导航或其他专门领域的类，这些类不应该让寻找少数通用类的人感到困惑。恐怕几个月后我会再次看到
html - 如何将预先存在的 html、css 和 dreamweaver 文件安装到 dreamweaver cs6 中？
我对网页设计完全陌生，但我必须将我组织的旧网站改成新网站。我需要将该站点安装到 Dreamweaver 中，这样我就可以开始更改文本和图像并修复不起作用的链接。我基本上是在没有任何说明的情况下收到了一
dreamweaver - 找不到此文件扩展名的有效编辑器
我已经改变了 Extensions.txt Program Files (x86)\Adobe\Adobe Dreamweaver CS5.5\Configuration 我改变了 MMDocumen
dreamweaver - 如何在DWT中获取TemplateRepeatIndex的最大索引数
我在tridion中有一个组件，该组件的元数据设计中有一个名为“列表”的字段，该字段使用类别和关键字填充我使用DWT TBB，使用以下代码使用DWT代码填充列表中存在的项目
dreamweaver - 如何让Emmet在Dreamweaver上工作
Emmet现在支持Dreamweaver，并且渴望使用它，但是它对我不起作用，即使我认为我已经按照此处的指示进行操作https://github.com/emmetio/dreamweaver 我已经

首页

博学

6Ren·AI

商城

javascript - 将 jsfiddle 传输到 Dreamweaver