javascript - jQuery 中的 JSTL

Question

我正在使用 jQuery 在引导选项卡中动态创建选项卡。这是由一个事件触发的

为了更清楚地看这里是我正在做的事情：

$('.tab-content').append('<div class="tab-pane" id="tab_' + id + '">  </div>');

现在在里面<div>我要写一个很长的HTML东西，所以我想如果我把所有的代码都写在 jQuery 中可能会很乱。所以我决定制作一个外部文件并使用JSTLjQuery 代码导入它并在其中编写导入：

$('.tab-content').append('<div class="tab-pane" id="tab_' + id + '"> <c:import url="flt-pis.html"></c:import> </div>');

JSTL的<c:import url="flt-pis.html"></c:import>似乎不起作用，我不知道为什么。还有其他方法吗？

Answer 1

jstl 在服务器端运行。javascript客户端。这行不通。

您可以在您的 jsp 页面中引用嵌入式 javascript 中的 jstl - 文本输出到服务器端的 js。

Answer 2

如前所述，您不能在客户端运行 JSTL。

鉴于该页面位于同一个域中（并且听起来确实如此），您可以使用 jQuery“加载”函数将来自外部文件的 HTML 放入新创建的 div 中。

例如，在你执行这个之后

$('.tab-content').append('<div class="tab-pane" id="tab_' + id + '">  </div>');

然后你可以这样做：

$("#tab_"+id).load("flt-pis.html");