Javascript似乎无法在lightbox2中加载的内容中运行

Question

我在视图中创建了一个评论表单，并将其显示为隐藏状态，以便我可以使用lightbox2显示在灯箱中。

表单标记如下：

<div id="comment-form" class="hidden">
      <div id="comment-form-inner">
            ........form code goes here.....
      </div>
</div>

然后打开lighbox的链接如下所示：

<a href="*url* #comment-form-inner" rel="lightmodal" class="lightbox-processed">Add a review</a>

div ＃comment-form-inner 中的元素显示在lighbox中，但某些字段似乎不起作用，例如日期选择器字段和五星级字段。当日期文本框字段处于活动状态时，日期选择器不会显示，而五星级字段中的动画星标只显示一个选择框。

表单字段是否有办法呈现附加到这些表单元素的javascript？

Answer 1

首先尝试将灯箱更新为最新的jQuery版本，看看是否有效。 以下是发布过类似问题的人： Jquery datepicker does not work inside lightbox

Answer 2

它没有加载，因为您根据您的jQuery版本在document.ready而不是使用on或live中提供了JavaScript函数，

$('.classname').on("click",function(){
     // your JavaScript to run
});

或

您可以将灯箱加载为iframe。