Question

我在codeigniter项目中使用lightbox脚本。我将以下代码放入我的注册页面。

_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

                    });
                });
            });
        },

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

Answer 1

在注册页面的顶部，包含您的联系人视图：

<?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

                });

希望这有所帮助，不要犹豫，提出进一步的问题

Codeigniter Lightbox不显示联系页面

1 个答案: