Question

我正在使用SimpleModal为我的网站创建弹出窗口。其中一个需要加载文本编辑器并从数据库中获取数据以在编辑器中显示。它正在工作并打开弹出窗口加载文本编辑器但是一旦我在页面中放入并包含文件或mysql就加载它无法打开。好的代码

我用来加载链接

<a class="edit" style="font-size:16px;color:#CCC;" href="">Edit</a>

加载模态的Jquery

jQuery(function ($) {
    var contact = {
        message: null,
        init: function () {
            $('.edit').click(function (e) {
                e.preventDefault();

                // load the contact form using ajax
                $.get("../_Includes/edit.php", function(data){
                    // create a modal dialog with the data
                    $(data).modal({
                        closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
                        position: ["15%",],
                        overlayId: 'contact-overlay',
                        containerId: 'contact-container',
                        onOpen: contact.open,
                        onShow: contact.show,
                        onClose: contact.close
                    });
                });
            });
        },
        open: function (dialog) {       
            dialog.overlay.fadeIn(200, function () {
                dialog.container.fadeIn(200, function () {
                    dialog.data.fadeIn(200, function () {
                        $('#contact-container').animate({
                            height: h
                        }, function () {
                            $('#contact-container form').fadeIn(200, function () {
                            });
                        });
                    });
                });
            });
        },
        show: function (dialog) {

        },
        close: function (dialog) {
                dialog.overlay.fadeOut(200, function () {
                    $.modal.close();
                });         
        },
    };
    contact.init();
});

编辑页面上的代码

$output = '<div class="content"><div class="reply" style="display:none;">
</div><form name="editblog" id="editblog" action="#" method="post">
<font color="#FFF"><strong>Title: </strong></font><input name="blogtitle" id="blogtitle" type="text" id="title"  size="80" maxlength="255" value="" /><br /><br />
<textarea cols="60" id="editblogbody" name="editblogbody" rows="20"></textarea><br />
Please separate tages with a <strong>comma</strong>.<br />
<font color="#FFF"><strong>Tags:</strong></font><input name="tags" id="tags" type="text" size="80" maxlength="255" /><br /><br />
<input type="submit" value="Post Blog" />
<span id="blogFormProcessGif" style="display:none;"><img src="../_Images/loading.gif" width="28px" height="28px" alt="Loading" /></span></form></div>
<script>CKEDITOR.replace( "editblogbody" );</script> ';

echo $output;

只要我添加到我的编辑页面，它就会停止一起工作

session_start();
include("../_Scripts/mysql.php");
$sql = mysql_query("SELECT id FROM members WHERE username='$id'") or die(mysql_error());

任何人都可以帮忙吗？

Simplemodal没有正确加载Ajax页面

0 个答案: