CSS innerhalb Eingabe - Jquery

Question

Ziemlich einfache Frage.

ich css in meinem Eingang [name = profile_pic]

Die CSS-I eingeben müssen setzen müssen, ist:

background-image: url('<?php foreach($users as $user) { echo $user[12]; } ?>'); background-repeat: no-repeat; background-size: 50px 100%; padding-left: 60px; 

Ich brauche es ausdrückte in meiner AJAX-Funktion (Ich habe versucht Putting es aber nur entfernen und Ihre Version setzen, wenn/falls Sie eine Antwort hinterlassen):

<script> 
    function fetchmyAccountBoxes() { 
     $.ajax({ 
      url: "includes/form_submit.php", 
      context: document.body, 
      type: 'POST', 
      data: { 
       myAccount_get: true 
      }, 
      success: function(value) { 
       var data = JSON.parse(value); 
       $('input[name=username]').val(data['username']); 
       $('input[name=email]').val(data['email']); 

       $('input[name=profile_pic]').val(data['profile_pic']); 

       $('input[name=profile_pic]').css('background-image','url("'data['profile_pic']'")'); 
       $('input[name=profile_pic]').css('background-repeat','no-repeat'); 
       $('input[name=profile_pic]').css('background-size','50px'); 
       $('input[name=profile_pic]').css('padding-left','60px'); 

       $('input[name=user_level]').val(data['user_level']); 
       $('input[name=registered_time]').val(data['registered_time']); 
      }, 
      complete: function() { 
       setTimeout(fetchmyAccountBoxes, 5000); 
      } 
     }); 
    } 

    $(document).ready(function() { 
     setInterval(fetchmyAccountBoxes, 5000); 
    }); 
</script> 

Answer 1

I $('input[name=profile_pic]').css('background-image', 'url("' + data['profile_pic'] + '")');

zu verwenden, benötigen

Fixed-Code insgesamt:

<script> 
    function fetchmyAccountBoxes() { 
     $.ajax({ 
      url: "includes/form_submit.php", 
      context: document.body, 
      type: 'POST', 
      data: { 
       myAccount_get: true 
      }, 
      success: function(value) { 
       var data = JSON.parse(value); 
       $('input[name=username]').val(data['username']); 
       $('input[name=email]').val(data['email']); 
       $('input[name=profile_pic]').val(data['profile_pic']); 
       $('input[name=profile_pic]').css('background-image', 'url("' + data['profile_pic'] + '")'); 
       $('input[name=profile_pic]').css('background-repeat','no-repeat'); 
       $('input[name=profile_pic]').css('background-size','50px'); 
       $('input[name=profile_pic]').css('padding-left','60px'); 
       $('input[name=user_level]').val(data['user_level']); 
       $('input[name=registered_time]').val(data['registered_time']); 
      }, 
      complete: function() { 
       setTimeout(fetchmyAccountBoxes, 5000); 
      } 
     }); 
    } 

    $(document).ready(function() { 
     setInterval(fetchmyAccountBoxes, 5000); 
    }); 
</script>