我正在开发一个小型 dasbhoard,以使用 Highcharts.js 库和 DotNet Highcharts 显示自定义图表。我已经使用 MVC 框架在 C# 中编写了大部分内容,除了让 div 输出图表之外,在 View/HTML 方面几乎没有做任何事情。不使用 Jssor 滑块时一切正常,它只显示页面上堆叠的所有图表。加载 Jssor 库并使用 div 所需的自定义值后,我得到一个空白滑块占位符,屏幕上没有任何输出。我尝试了使用和不使用 jQuery,但都呈现了相同的结果。
似乎 Jssor 库正在创建我的内容 div 的重复 div 并更新第二组,其中仅包含重复的类名和空内容。
比如我的内容的主要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 个 div,每个报告类有 2 个。第二组仅包含输出脚本引用,而第一组包含实际显示图表的完整 HTML 集。Jssor 脚本正在主动更改第二组 div 的属性,但忽略了第一组。
有人在 MVC 环境中使用 Jssor 时遇到过这个问题吗?