javascript - 对象没有方法设置 jwplayer

标签 javascript html pug jwplayer

我正在从 jade 调用这个 javascript 文件

-if ...

-else
  div#container
  script(type='text/javascript')
    jwplayer('container').setup({       

     file: '/path/to/file.m3u8',
     width: '0',
     height: '0'
    });

Uncaught TypeError: Object # has no method 'setup'

同样的 javascript 文件也在标题中。

最佳答案

您需要将 pug 置于纯文本模式,并在脚本标记的末尾添加一个句点,否则它会尝试在其下方呈现更多的 DOM 元素。 Script 不是 pug 中的保留字,它只是像任何其他 HTML 元素一样呈现它,而 pug 不知道后面是 JavaScript(这是 IMO 的好事)

将句点添加到标记的末尾告诉 pug 它应该将标记中包含的所有内容呈现为纯文本。如果你想在纯文本部分使用 pug 变量,你需要使用 interpolation .

这对你有用:

  script.
    jwplayer('container').setup({       

     file: '/path/to/file.m3u8',
     width: '0',
     height: '0'
    });

此外,您不需要再在脚本元素 ( details ) 上添加类型属性。

关于javascript - 对象没有方法设置 jwplayer,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16798188/

相关文章:

javascript - 赋值操作总是从右向左复制数据吗?

javascript - 如何从 anchor 标记的 href 属性中隐藏#div

javascript - 信用卡的客户端验证

javascript - 在 couchBase 中创建 View 时如何将输入变量设置为 json 中的键

javascript - 请帮我把这个脚本转换成一个简单的图像 slider

java - 登录页面上的 HTML/JSP/Servlet 问题

html - 图像未使用媒体查询显示

pug - 在哈巴狗模板引擎中插入图像

node.js - Node 的 Jade 和 EJS

javascript - 霍根 JS IF 语句