Javascript Image src以引导模式输出乱码文本

以下是一段代码片段：

<a data-toggle="modal" class="comic-link" 
   href="//files.explosm.net/comics/Dave/adblocker2.png"     
   data-target="#comicModal">
  <div class="thumb-home thumbnail">
    <img id="comic" src="//files.explosm.net/comics/Dave/adblocker2.png">
  </div>
</a>

这是我的JavaScript：

$('a.comic-link').on('click touchstart', function() {
  var url = $(this).attr('href');  
  $(".comic-modal .modal-body").html('<img src="' + url + '"/>');
});

$（'a.comic-link'）。在（'click touchstart'，function（）上{
var url=$（this.attr（'href'）；
$（“.comic modal.modal body”）.html（“”）；
});

图像出现在网页上，但如果我点击一个链接，就会在模式中出现乱码文本而不是图像。控制台中没有错误。 请让我知道，如果我需要提供更多的细节

更新

---

这只会发生在Explosm漫画中，而不会发生在Dilbert上。

在url前面添加

http:

是否可以解决问题？您环境中的某些内容可能无法正确处理协议相对URL。

在代码中，模态体中只有图像

你的图片标题或页脚有误吗

也许您可以尝试在模态对话框中添加一个

模态lg

类

或者更改窗口的大小以使模式更大

或者将其添加到css中

.modal-body img {
    width:100%;
}

我添加了

$（'.comic modal'）.modal（'hide'）直接位于JavaScript代码段上方，现在模式可以工作了。
不过我还是不知道原因
 
无效，应为
.html（“”）谢谢，但它没有改变任何东西。不，它不能解决问题。这只会发生在explosm漫画中，而不会发生在dilbert和其他人身上。你能提供一个包含页面完整代码，或者至少包含模式和相关jQuery代码的页面吗？