空白滑块占位符

Question

我正在开发一个小型仪表板，使用 Highcharts.js 库和 DotNet Highcharts 显示自定义图表。除了让 div 输出图表之外，我使用 MVC 框架用 C# 编写了大部分内容，在 View/HTML 方面几乎没有做任何事情。不使用 Jssor 滑块时一切正常，它只显示页面上堆叠的所有图表。加载 Jssor 库并使用 div 所需的自定义值后，我得到一个空白的滑块占位符并且没有任何输出到屏幕。我尝试使用和不使用 jQuery，但都呈现相同的结果。

看来 Jssor 库正在创建我的内容 div 的重复 div 并更新第二组，其中仅包含重复的 class 名称和空内容.

比如我的内容主要div部分如下：

<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 600px; height: 300px;">
<div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 600px; height: 300px;">
        <div>@ViewBag.thisWeekReport</div>
        <div>@ViewBag.lastWeekreport</div>
        <div>@ViewBag.projectStatusSummary</div>
        <div>@ViewBag.childEntityCounts</div>
    </div>
</div>

我在 DOM 中得到的结果是 8 divs，每个报告有 2 个 class。第二组仅包含输出脚本参考，而第一组包含实际显示图表的完整 HTML 集。 Jssor 脚本正在主动更改第二组 div 的属性，但忽略第一组。

有人运行在 MVC 环境中使用 Jssor 时遇到过这个问题吗？

Answer 1

'slides' 容器在旧版本的 jssor 滑块中重复，它导致重复的幻灯片元素。

这个错误已经在几天前修复了。

空白滑块占位符

Blank slider placeholders

javascript

asp.net-mvc

highcharts

jssor

dotnethighcharts