问题 #2650💬 已回答提出于 2020年3月14日作者 abzal02 个反应

Slick.js重新加载图片素材更改的滑块

快速解答作者 pouyamiralayi1

你好@abzal0正确的函数其实是“updateScript”,抱歉!我是这样做的: 首先定义组件类型: 每次脚本运行时,我都会重置“slickjs”,以便重新初始化,你可以在脚本中看到。 我还直接用“image”类型作为组件的子节点,这样就不用手动调用自定义特征上的“open-assets”命令! 最后,我已经覆盖了资产管理的“onClick”事件,调用了我们的脚本。 干杯!

阅读下方完整回答 ↓

问题

大家好, 我正在集成Slick Slider,问题在于上传图片后重新加载滑块时。 在打开素材点击后,Slick 滑块必须重新初始化,使滑块的普通 HTML 变成 slick 滑块,这只在将组件添加到画布时才会发生: $('#slickslider').slick({ 点:确实, 无限:真实, 速度:300, 箭矢:正确, adaptiveHeight:真实 }); 这在两种情况下是有效的: 当我向画布添加新的滑块时 当我上传新图片后拖动组件时,它会重新初始化 代码: 编辑。DomComponents.addType('slickslider', { 型号:{ init() { 测试 this.listenTo(this, 'change:attributes', model =>{ $('#slickslider').slick({ 点:确实, 无限:真实, 速度:300, 箭矢:正确, adaptiveHeight:真实 }); }) 没有结果 }, 默认值:{ 组成要素: [ { 值得突出:确实, 可编辑:正确, 可选:真, resizable:true }], 特质:[ { 类型:“按钮旋转木马”, 标签:“上传”, 名称:'Upload1', 值:'上传1', }, { 类型:“选择”, 标签:'reload', 名称:“重新装填”, 选项:[{ 值:'是', 姓名:“是...

回答(3)

pouyamiralayi2020年3月18日

你好@abzal0正确的函数其实是“updateScript”,抱歉!我是这样做的: 首先定义组件类型: 每次脚本运行时,我都会重置“slickjs”,以便重新初始化,你可以在脚本中看到。 我还直接用“image”类型作为组件的子节点,这样就不用手动调用自定义特征上的“open-assets”命令! 最后,我已经覆盖了资产管理的“onClick”事件,调用了我们的脚本。 干杯!

abzal02020年3月18日

@pouyamiralayi这段代码非常宝贵,非常感谢分享:)效果比我需要的要好。 我会给你发邮件,希望你能回复。

相关问答

通过相似的问题讨论继续研究。

问题 #1696

特质首次出现在自定义组件的拖拽中

你好,artf,我创建了自定义组件并为它添加了特征,当拖动这个组件到编辑器并选择它时,设置特征是正常工作的。 问题是,当将同一个组件拖到旧组件后面到编辑器并选择设置特征时,默认特征(ID,标题)会只显示,这是我实现的代码 对于创建组件: this.editor.BlockMan...

3 个回答更新于 2020年4月15日

问题 #2628

如何更新性状值

你好@artf非常感谢你带来的精彩项目, 我创建了一个新类型,它类似于普通链接,但链接标题会随着 ajax 更新。然后更新特质“linktitle”。它和画布的数值会更新,但“设置”中的特性仍然显示初始值,且没有变化。 必须更新该值的代码部分: 编辑。DomComponents...

3 个回答更新于 2020年3月9日

问题 #2417

组件中的 API 在部署后无法工作

Block.js => Component.js => 我们可以调用 API,并且在部署中传递整个 html 时它是正常工作的 块管理器内容属性中的脚本、正文、样式 但当 API 通过组件调用时,页面在部署加载时无法工作。** 它只在我把它放到编辑器里时生效,而作为已部署的 U...

3 个回答更新于 2022年7月21日

问题 #3228

组件价值没有变化

你好@artf 我添加了一个新组件 这是代码 “''js 编辑。DomComponents.addType('header', { 型号:{ 默认值:{ 标签名称:'h1', 类型:“头部”, 尺寸:“H1”, 特质:[ { 名称:“尺寸”, 标签:“尺寸”, 类型:“选择”,...

1 个回答更新于 2021年1月17日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。