正斜杠（'/'）在追加时没有被创建 - jQuery [英] Forward Slashes ('/') Are Not Getting Created While Appending - jQuery

问题描述

  $（'hello'）在ajax return成功的情况下，在成功状态下，我运行了这个append。 append（'
< div class =rowstyle =background-image：url（/ page / 12 / image-'+ user [i] ['id'] +'）; height： 155px;>< / div>）
  

工作正常。但是，在这一行上，由于某种原因，这行代码已经在我的视图中创建：source 为：

 < div class =rowstyle =background-image：url（profile page 12 image 1.png）height：155px>< / div> 
  

并且图像没有被创建，因为它删除了正斜杠（'/'）追加。

解决方案

我通过您的示例逐步完成了此工作。

HTML：

 < div class =hello>< / div> 
  

Js（包含jQuery 1.8.3）：

  $（'。hello'）。append（'< div class =rowstyle =background-image：url（\'/ page / 12 / '+ 5 +'\'）; height：155px;>< / div>'）; 
  

In success of ajax return, on the success state, I run this append:

$('hello').append('
 <div class="row" style="background-image: url("/page/12/image-' + user[i]['id'] + '"); height: 155px;" ></div>')

I have couple of more lines, and everything works fine. However, on this line, for some reason this line is getting created in my view:source as:

<div class="row" style="background-image: url(" profile page 12 image 1.png") height: 155px"></div>

And the image doesn't get created because it has deleted the forward slashes ('/') while appending.

解决方案

You have just nested your quotes wrong, forgetting to escape the innermost single quotes.

I stepped through your example and got this to work

HTML:

<div class="hello"></div>

Js (included jQuery 1.8.3):

$('.hello').append('<div class="row" style="background-image: url(\'/page/12/image-' + 5 + '\'); height: 155px;"></div>');

这篇关于正斜杠（'/'）在追加时没有被创建 - jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！