附加时未创建正斜杠 ('/') - jQuery [英] Forward Slashes ('/') Are Not Getting Created While Appending - jQuery

问题描述

在ajax返回成功中，在成功状态下，我运行这个append:

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

我还有几行，一切正常.然而，在这一行，由于某种原因，这一行在我的 view:source 中被创建为:

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

并且图像没有被创建，因为它在附加时删除了正斜杠('/').

解决方案

您刚刚嵌套错误的引号，忘记转义最里面的单引号.

我逐步完成了您的示例并使其起作用

HTML:

Js(包含 jQuery 1.8.3):

$('.hello').append('<div class="row" style="background-image: url(\'/page/12/image-' + 5 + '\'); 高度: 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屋！