0

我在我的 codeigniter 项目中使用灯箱脚本。我在我的注册页面中输入了以下代码。

_BASE_URL="<?php echo base_url();?>";

jQuery(function ($) {

    var contact = {
        message: null,
        init: function () {

            $('#contact-form input.contact, #contact-form a.contact').click(function (e) {

                e.preventDefault();

                // load the contact form using ajax
                $.get(_BASE_URL+"index.php/register/lightcontact", function(data){
                    // create a modal dialog with the data
                    $(data).modal({
                        closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
                        position: ["10px", null],
                        overlayId: 'contact-overlay',
                        containerId: 'contact-container',
                        onOpen: contact.open,
                        onShow: contact.show,
                        onClose: contact.close

                    });
                });
            });
        },

当点击链接“联系”时，它应该会显示弹出的灯箱。但它没有显示。在查看页面源时，包含文件正确包含。有人可以帮我解决这个问题吗？

4

1 回答 1

0

在您的注册页面顶部，包括您的联系人视图，如下所示：

<?php include("lightcontact.php"); ?>

在 lightcontact.php 中，你的 div 应该看起来像这样：

<div id="contactmodal">
...
</div>

现在将您的 JQuery 更改为：

$("#contactmodal").modal({
                    closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
                    position: ["10px", null],
                    overlayId: 'contact-overlay',
                    containerId: 'contact-container',
                    onOpen: contact.open,
                    onShow: contact.show,
                    onClose: contact.close

                });

希望这会有所帮助，不要犹豫再问更多问题

于 2013-04-10T13:59:53.250 回答