Question

jQuery的新手，无法让它工作。我使用jQuery $ .ajax（）从MYSQL数据库中检索了内容。那部分有效。您可以在下面的onBeforeLoad事件中看到该代码。

我希望将此内容加载到jQueryTools叠加层中。我已将该内容转储到ID为“contentWrap”的块中。

jQueryTools覆盖文档有一个使用onBeforeLoad事件将外部页面加载到覆盖图中的示例，但我无法为我的目的调整该代码。以下是他们的示例，来自http://jquerytools.org/demos/overlay/external.html：

onBeforeLoad: function() {

    // grab wrapper element inside content
    var wrap = this.getOverlay().find(".contentWrap");

    // load the page specified in the trigger
    wrap.load(this.getTrigger().attr("href"));
}

我尝试将我的ajax代码放入我的覆盖调用中的onBeforeLoad事件中，但是没有用。那么如何将我的内容直接加载到叠加层？

好的，经过一些更改后，这是实际运行的代码，但仍无效：

JQUERY：

$("a.noteref[rel]").overlay({
mask: {
    color: '#000',
    loadSpeed: 100,
    opacity: 0.7
},
closeOnClick: true,
fixed: false,
onBeforeLoad: function() {
        $.ajax({
            url: 'api.php',
            data: "ID=" + $(this).attr('id').replace('#', ''),
            type: 'post',
            dataType: 'json',
            success: function(data) {
                var id = data[0];
                var vtype = data[1];
                var vcontent = data[2];
                var vlink = data[3];
                var data

                $('#contentWrap').html(vcontent);
                }
        });
        var wrap = this.getOverlay().find("#contentWrap");
        wrap.load();

    }
});

HTML：

<a hef="http://www.example.com/" class="noteref" id="cite01">Example</a>

<div class="overlay">
    <div id="contentWrap"></div>
</div>

将通过AJAX / MYSQL检索的内容加载到jQueryTools叠加层中

0 个答案: