Home/ Questions/Q 9101089
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T01:01:50+00:00

I have this code 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+’

  • 0

I have this code

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+'">';

but when it’s rendered, it comes up like this:

<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(">

Not sure why I am getting negative votes…

The correct code should not be broken. I am wondering why it’s broken out like that. Do I need to escape something?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Looks like your problem is here:

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

    After this gets rendered, your element will look something like this:

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

    As you can see, the nested double-quotes will cause some problems. Instead, use escaped single-quotes:

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