Slick.js重新加载图片素材更改的滑块
你好@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)
你好@abzal0正确的函数其实是“updateScript”,抱歉!我是这样做的: 首先定义组件类型: 每次脚本运行时,我都会重置“slickjs”,以便重新初始化,你可以在脚本中看到。 我还直接用“image”类型作为组件的子节点,这样就不用手动调用自定义特征上的“open-assets”命令! 最后,我已经覆盖了资产管理的“onClick”事件,调用了我们的脚本。 干杯!
@pouyamiralayi这段代码非常宝贵,非常感谢分享:)效果比我需要的要好。 我会给你发邮件,希望你能回复。
@abzal0
如何在 editor.blockmanager.add 里重新初始化 'script' 函数,以重新加载 Slider 的 jQuery?
对于你的“脚本”代码,我建议你把它移到 [组件定义](https://grapesjs.com/docs/modules/Components-js.html),在那里你可以发布:
this.view.updateScript()
用于脚本重载。 干杯!
相关问答
通过相似的问题讨论继续研究。
问题 #1696
特质首次出现在自定义组件的拖拽中
你好,artf,我创建了自定义组件并为它添加了特征,当拖动这个组件到编辑器并选择它时,设置特征是正常工作的。 问题是,当将同一个组件拖到旧组件后面到编辑器并选择设置特征时,默认特征(ID,标题)会只显示,这是我实现的代码 对于创建组件: this.editor.BlockMan...
问题 #2628
如何更新性状值
你好@artf非常感谢你带来的精彩项目, 我创建了一个新类型,它类似于普通链接,但链接标题会随着 ajax 更新。然后更新特质“linktitle”。它和画布的数值会更新,但“设置”中的特性仍然显示初始值,且没有变化。 必须更新该值的代码部分: 编辑。DomComponents...
问题 #2417
组件中的 API 在部署后无法工作
Block.js => Component.js => 我们可以调用 API,并且在部署中传递整个 html 时它是正常工作的 块管理器内容属性中的脚本、正文、样式 但当 API 通过组件调用时,页面在部署加载时无法工作。** 它只在我把它放到编辑器里时生效,而作为已部署的 U...
问题 #3228
组件价值没有变化
你好@artf 我添加了一个新组件 这是代码 “''js 编辑。DomComponents.addType('header', { 型号:{ 默认值:{ 标签名称:'h1', 类型:“头部”, 尺寸:“H1”, 特质:[ { 名称:“尺寸”, 标签:“尺寸”, 类型:“选择”,...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。