Question

我正在开发一个需要诸如view之类选项的应用程序，因此，为了查看详细信息，我正在使用引导模态来显示动态细节，但是模态并未启动。

我的按钮

<a href="#" class="btn btn-info btn-sm view" data-id="{{$value->id}}" data-title="{{$value->title}}" data-status="{{$value->status}}">
                        <i class="fa fa-eye"> Preview</i>
                  </a>

我的模态

<div class="modal fade" id="viewM" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-dialog-centered" style="width:60%;">
   <div class="modal-content">
    <div class="modal-header">
     <h4 class="modal-title">Preview</h4>
    </div>
    <div class="modal-body" id="preview" style="padding: 40px;">
    </div>
      <div class="modal-footer">
        <button class="btn btn-danger" type="button" data-dismiss="modal">
            <span class="fa fa-times-circle"></span> Close
        </button>
      </div>
   </div>
  </div>
</div>

我的jQuery

$('a.view').click(function()
                  {
                    var id = $(this).attr('data-id');
                    var url = 'receiveReprt';

                     $.get(url + '/' + id, function (data) 
                     {
                        console.log(data);
                        $("#preview").html(data.content);
                        $('#viewM').modal({show:true});    
                     });      
                  });

网址功能

public function receiveReprt($id)
    {
        $reprt = shareReport::select('content')->where('id','=',$id)->first();
        return $reprt;
    }

Answer 1

浏览器日志中是否出现任何错误？在这一点上，我的猜测是您正在处理JavaScript错误，可能是由于Assessment penalty（例如，如果不是对象）导致的脚本执行失败。

如果是这种情况，并且data.content不是我怀疑的对象，则可以转换为一个（当然，假设它是JSON）：

data

或

$.get(url + '/' + id, function (data) 
{
    console.log(data);
    $("#preview").html(data.content);
    $('#viewM').modal({show:true});    
}, "json");

模式加载动态内容无法正常工作

1 个答案: