Question

使用jQuery 1.8和prettyPhoto插件，灯箱的内联内容，因此它是在点击指定链接时加载的隐藏div：

<a href="#private" rel="prettyPhoto[inline]">Select Groups</a>

    <div id="private" style="display:none;">
            <?php
            $db = JFactory::getDbo();
            $query = $db->getQuery(true);
            $db->setQuery("SELECT * FROM #__community_groups_members AS a
      INNER Join #__community_groups AS b
      ON b.id = a.groupid
      WHERE a.memberid = $user_id
      AND a.approved = 1");
            $groups = $db->loadObjectList();
            foreach($groups as $groupData){
                echo "<input type=\"checkbox\" id=\"chk\" name=\"groups[]\" value=\"".$groupData->id."\" />".$groupData->name."<br />";
            }
            ?>
        </p>
    </div>

当此灯箱关闭时，选中的复选框将被清除，因此输入不会通过主页/表单传回。我尝试使用jQuery来启用输入，认为这可能有所帮助，但值仍然没有传递给post数组。这是我认为可以补救的功能，但没有显示任何效果：

<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
    jQuery("#chk").prop("disabled", false);
});
</script>

注意 - 此功能位于页面底部。

如何使用隐藏div灯箱中的那些输入？

Answer 1

添加其他javascript以在基于灯箱的输入可见时处理用户事件。

例如，在要提交的表单中添加隐藏字段。灯箱打开时，捕获用户操作以更新隐藏字段的值。然后，当提交表单时，它将从字段中提交数据。

如何在隐藏的div灯箱中启用表单输入？

1 个答案: