在Sitecore中预览个性化选项之间切换会导致PageEditor中的显示问题

Question

在我正在开发的项目上，我们已经实现了DMS功能，而且我们添加个性化的一些组件也非常具有交互性，并且JQuery很重。

当我们的内容编辑者在PageEditor中的个性化版本的组件之间切换时，它会导致一些混乱。

这似乎是由于需要将JQuery事件等重新应用于页面上更改的元素。我找不到关于这个特定功能的任何文档，是否有任何可以挂钩的事件？如果没有，那还有其他解决方法吗？

Answer 1

我在渲染中包含javascript的方法似乎适用于这种情况。我们使用require.js来定义所有依赖项，然后每个渲染都需要在js文件中并初始化自身。

渲染的示例Razor代码

<div class="slider"><!-- Slider HTML --></div>
<script>
require(["jquery", "sliderjs"], function($, slider) {
    // Initialize your slider here
});
</script>

这是有效的，因为脚本标记是在html附加到DOM后执行的，然后需要接管模块所需的javascript文件中的加载，然后运行该函数。我们不需要使用jQuery文档就绪函数。