Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Img未在弹出窗口中完全显示_Jquery_Css_Backbone.js_Twitter Bootstrap 3 - Fatal编程技术网

Jquery Img未在弹出窗口中完全显示

Jquery Img未在弹出窗口中完全显示,jquery,css,backbone.js,twitter-bootstrap-3,Jquery,Css,Backbone.js,Twitter Bootstrap 3,我有一个按钮,在弹出窗口中显示图像。如果图片是水平的,则不会完全显示。我想让显示图片的对话框动态地获取图片的大小,这样无论大小都能完全显示出来 这是我的主要观点: View.Proof = Marionette.ItemView.extend({ template : pictureTpl, initialize : function(options) { this.parentModel = options;

我有一个按钮,在弹出窗口中显示图像。如果图片是水平的,则不会完全显示。我想让显示图片的对话框动态地获取图片的大小,这样无论大小都能完全显示出来

这是我的主要观点:

    View.Proof = Marionette.ItemView.extend({
        template : pictureTpl,
        initialize : function(options) {
            this.parentModel = options;
            this.parentModel.documentBaseUrl = '../services/api';               
        },
        templateHelpers : function() {
            return {
                documentBaseUrl : this.parentModel.documentBaseUrl
            };
        },
        onShow : function(view) {
            this.listenTo(view, ".close", this.onClose);
            $('.modal-backdrop').remove();
            $(this.$el.children()[0]).modal('show');
            //$("#myModal2").modal('show'); 
        },
        onClose: function() {
            console.log('hide popup');
            //$("#myModal2").modal('hide');
            $(this.$el.children()[0]).modal('hide');
        }
    });
这是我的picture.tpl(pictureTpl):


但是这个解决方案对我不起作用

如果我理解正确,您希望按钮根据其内部的img展开吗?@Aziz否img不显示在按钮上,而是以弹出窗口的形式显示在对话框中。该按钮用于显示在图片中显示img的弹出窗口。t能否向我们展示该对话框的外观?理想情况下,JSFIDLE演示。。?如果有一个解决方案使用css来动态拍摄图片的大小,请分享一个我所说的css的@TJ
<div class="modal inmodal" id="myModal2" tabindex="-1" role="dialog" aria-  hidden="true">
  <div class="modal-dialog">
    <div class="modal-body">
            <div class="carousel-inner">
                <div class="item  active ">
                    <img style="border: 1px solid #666" src="<%- documentBaseUrl %>/pictures/<%- id %>/file" alt="folder" class="img-responsive">
                </div>
            </div>
    </div>
  </div>
</div>
            onShow : function(view) {
            this.listenTo(view, ".close", this.onClose);
            $('.modal-backdrop').remove();
            $(this.$el.children()[0]).modal('show', function () {
                   $(this).find('.modal-body').css({
                          width:'auto', //probably not needed
                          height:'auto', //probably not needed 
                          'max-height':'100%'
                   });
            });