Question

我知道如何为jquery fadein效果编写代码。假设我在变量中有一个html元素存储。像

var sHtml="<div>Other content</<div><div id='frm'>hello</<div>"
 modal.load(jQuery(sHtml).find('#frm')fadein().html());

当我在模态框中指定div时，我首先找到所需的div并使用fadein效果。但它不起作用。有人建议我做正确的方式。我希望当我将内容设置为模态框时，首先我将显示淡入淡出效果，然后设置内容。

我在这里给我的代码

 var modal = "";
    var sHtml = "";

    jQuery.noConflict();
    jQuery(document).ready(function () {
        jQuery("#btnFeedback1").click(function () {
            var modal = new LightFace({
                draggable: true,
                height: 'auto',
                width: 'auto',
                title: 'Login',
                content: '<div class="BusyStyles"><div>',
                buttons: [
                { title: 'OK', event: function () {
                    if (Validate()) {
                        if (Save()) {
                            this.close();
                        }
                    }
                }
                },
                { title: 'Close', event: function () { this.close(); } }
            ]
            }).open();

            //}).open();

            jQuery.ajax({
                type: "POST",
                url: "Login_LightFace.aspx/GetHtml",
                data: {},
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    sHtml = data.d;
                    //modal.options.width = 'auto';
                    //modal.options.height = 'auto';
                    modal.load(jQuery(sHtml).find('#frm').fadeIn().html());
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(textStatus);
                }

            });

            return false;
        });
    });

Answer 1

jquery中没有fadein这样的效果，但有fadeIn（大写字母I）。你在fadeIn（）

之前错过了一个点

Answer 2

我不知道什么是modal.load但是当你向某个地方添加新东西并希望有fadeIn类型的效果时，你应该首先隐藏你刚添加的元素（或者使用style =“display：hidden” ）然后在上面使用fadeIn。

Answer 3

添加如下的事件处理程序：

modal.load(function() { ...event handling code here...; });

如果你没有将它包裹在function(){}中，它将立即运行，而不是在事件触发时运行。

Jquery Fadein（）效果

我在这里给我的代码

3 个答案: