0

私はこのコードを持っています

cuthtml += '<div style="background-image:url("'+response.images[ii].attachment_image_src+'"); background-position:center center; background-size:cover" class="cut-image6" data-id="'+data_id+'" image-id="'+image_id+'" post-author="'+post_author+'">';

しかし、レンダリングすると、次のように表示されます。

<div class="cut-image6" post-author="33073" image-id="162015" data-id="4" background-size:cover"="" center;="" background-position:center="" me_1352171624-200x200.jpg");="" bangstyle="" uploads="" wp-content="" www.bangstyle.com="" http:="" style="background-image:url(">

なぜ私が反対票を獲得しているのかわからない...

正しいコードを壊してはいけません。どうしてそんな風になってしまったのかしら。何かを逃れる必要がありますか？

4

2 に答える 2

7

あなたの問題はここにあるようです：

style="background-image:url("'+response.images[ii].attachment_image_src+'");

これがレンダリングされると、要素は次のようになります。

<div style="background-image:url("/some/url");"></div>

ご覧のとおり、ネストされた二重引用符はいくつかの問題を引き起こします。代わりに、エスケープされた一重引用符を使用してください。

style="background-image:url(\''+response.images[ii].attachment_image_src+'\'); ...
于 2013-01-10T19:17:37.640 に答える
4

使用してみてください：
                                                                                                   v

cuthtml += '<div style="background-image:url(\''+response.images[ii].attachment_image_src+'\'); background-position:center center; background-size:cover" class="cut-image6" data-id="'+data_id+'" image-id="'+image_id+'" post-author="'+post_author+'">';

矢印が指している場所の\'代わりに。"

于 2013-01-10T19:17:58.420 に答える