jQuery模式关闭和打开后不显示名称

伊万

我创建我的自定义模式窗口,在其中显示图像,该图像包含注释和所有者名称。当我单击某些图像模态时,打开并显示大图像,作者姓名,评论等。问题是当我关闭当前模态并再次打开时,名称不存在。但是第一次当我打开模式名称时,但是只有当我关闭该窗口并再次打开它时,该名称才不存在。检查屏幕截图。我尝试使用firebook控制台对其进行调试,并且GET响应返回真实名称,但是在关闭和打开后不会呈现该名称。

要预览图像,我使用以下代码:

   preview: function() {
        $('body').on('click', '#open-picture-modal', function (e) {
            e.preventDefault();

            $("#photo_preview").show();
            var $this = $(this);
            var guid = $this.data('guid');
            var photo_id = $this.data('id');

            $.ajax({
                method: 'post',
                dataType: 'json',
                url: baseurl + '/photo/preview',
                data: {'photo_id': photo_id},
                success: function(data) {
                    Photo.photo_author_meta(photo_id);
                    $(".pleft").html('<img class="fileUnitSpacer" src="'+ $this.data('href')+data['photo_name']+'">');
                }
            });

            //window.history.pushState(null, null, pic_url);

          //  $(".image-source").attr("src", $this.data('href'));
        });
    },

    // Close image preview modal
    close: function() {
        $("body").on("click", ".close", function(e) {
            e.preventDefault();
            $('#photo_preview').hide();
            $('#photo_preview .pleft').html('empty');
            $('#photo_preview .pright').html('empty');
        });
    },

    // Show photo author meta(name, date created, etc..)
    photo_author_meta: function(pid){
        $.ajax({
            method: "post",
            dataType: 'json',
            url: baseurl + '/photo/photo_details',
            data: {'post_id': pid},
            success: function(data) {
                $("h4.photo-author-full-name").html(data['account_firstname'] +'&nbsp;'+ data['account_lastname']);
            }
        });
    },

这是我附加并设置html的模式

<div id="photo_preview" style="display:none">
    <div class="photo_wrp">
        <span class="pull-right close fa fa-times"> </span>
        <div style="clear:both"></div>
        <div class="pleft"></div>
        <div class="pright">
            <div class="photo-author-meta">
                <div class="media">
                    <a href="#" class="media-left">
                        <img alt="64x64" data-src="holder.js/64x64" class="media-object" style="width: 64px; height: 64px;" src="test.png" data-holder-rendered="true">
                    </a>
                    <div class="media-body photo-author-name-box">
                        <div class="photo-author-name">
                            <h4 class="media-heading photo-author-full-name"></h4>
                        </div>
                        <div class="photo-datetime-box">
                            <div class="photo-date-posted"> Objavljeno: </div>
                        </div>
                    </div>
                </div>
            </div>        </div>
        <div style="clear:both"></div>
    </div>
</div>

首次开放关闭后再次打开

就像您可以在第一张图片上看到的那样,我在模态中具有名字和姓氏。在第二张图片上,我再次打开一些模态,但是名称和姓氏不存在。但是检查萤火虫控制台,数据存在但不呈现。

J.P。奥雷特

您有各种各样的事情:

1-您搞砸了.html()和.empty():

$('#photo_preview .pleft').html(); // or .empty()

2-当您从中删除所有内容#photo_preview .pright时,执行以下操作:

$("h4.photo-author-full-name").html(data['account_firstname'] +'&nbsp;'+ data['account_lastname']);

该元素不存在。您可以创建它,也可以不清空所有div内容。

您可以更改此:

$('#photo_preview .pright').html(); // or .empty()

$('h4.photo-author-full-name').html(); // or .empty()

为了不删除该元素,只保留其中的内容。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery打开和关闭richfaces模式面板

来自分类Dev

打开和关闭引导模式

来自分类Dev

从presentMoviePlayerViewControllerAnimated关闭后,UITextfield不显示键盘

来自分类Dev

Spacevim 不显示当前模式名称

来自分类Dev

显示和打开引导模式

来自分类Dev

jQuery SlideUp,关闭但不显示效果

来自分类Dev

打开和关闭菜单jQuery

来自分类Dev

在uib-tab中的第一个打开/关闭事件后,AngularJS uib-datepicker不显示日历

来自分类Dev

关闭开放模式后如何打开新模式

来自分类Dev

Bootstrap模式关闭后执行jQuery

来自分类Dev

Bootstrap模式关闭后执行jQuery

来自分类Dev

无线按钮显示反复打开和关闭

来自分类Dev

MDI子一次关闭后不显示

来自分类Dev

WiX安装后打开PDF文件,不显示任何错误

来自分类Dev

卸载“ DebugKit.Toolbar”后,不显示CakePHP模式

来自分类Dev

NVIDIA模式设置= 1后,HDMI在xrandr中不显示

来自分类Dev

删除1)打开和关闭模式与2)如果没有关闭模式,打开模式和结束之间的字符

来自分类Dev

jQuery在父div中打开和关闭

来自分类Dev

jQuery悬停打开和关闭问题

来自分类Dev

jQuery使用相同的按钮打开和关闭

来自分类Dev

jQuery [选项卡]打开和关闭

来自分类Dev

为什么在删除多余的代码后,不显示名称列表?

来自分类Dev

关闭后如何重新显示元素?(jquery)

来自分类Dev

jQuery不显示和隐藏标题

来自分类Dev

Bootstrap 模式不显示

来自分类Dev

Power Shell Script 打开和关闭网络后打开和关闭网页

来自分类Dev

如何从AngularJS中正确打开和关闭Bootstrap模式

来自分类Dev

如何打开和关闭蓝牙可见性模式?

来自分类Dev

jQuery在模式打开/关闭时添加或删除类

Related 相关文章

热门标签

归档