Пробелы, ломающие img src в jQuery

В основном название.

У меня есть запрос MySQL:

while ($array = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
$jsonData[] = $array;
}
echo json_encode($jsonData);

Переменная, ссылающаяся на значение, в котором есть пробелы, с именем «Remnant of Argus»:

var pname = value.Pet_Name;

который используется для вставки значения в открытый текст <div> и изображение style='background-image: url():

$("img#"+char).click(function(){
$("#charlist").html(title
+"<table style='background:#888' width='600px'>"+"<tr>"+"<td rowspan='4' height='150px' width='150px' style='background-image: "+"url(/images/char/"+char+".png)'></td>"+"<td>Name: "+fname+" "+lname+"</td>"+"<td>Class: "+spec+" "+role+"</td>"+"</tr>"+"<tr>"+"<td>Race: "+race+"</td>"+"<td>Rank: "+rank+"</td>"+"</tr>"+"<tr>"+"<td>Height: "+height+"</td>"+"<td>Weight: "+weight+"</td>"+"</tr>"+"<tr>"+"<td>Age: "+age+"</td>"+"<td>Birthplace: "+birth+"</td>"+"</tr>"+"</table>"+"<table width='600px'>"+"<tr>"+"<td>Bio:<br />"+bio+"</td>"+"</tr>"+"</table>"+"Pets"+"<table class='"+pname+"' width='300px'>"+"<tr>"+"<td rowspan='2' height='150px' width='150px' style='background-image: "+"url(/images/pets/"+pname+".png)'></td>"+"<td>Name: "+pname+"</td>"+"</tr>"+"<tr>"+"<td>Species: "+prace+"</td>"+"</tr>"+"</table>"+"<table width='300px'>"+"<tr>"+"<td rowspan='2' height='150px' width='150px' style='background-image: "+"url(/images/battlepets/"+cname+".png)'></td>"+"<td>Name: "+cname+"</td>"+"</tr>"+"<tr>"+"<td>Species: "+crace+"</td>"+"</tr>"+"</table>");

$("table.none").hide();
});

Все отображается хорошо, за исключением изображения. Я добавил обратную косую черту как к имени файла, так и к значению, а затем он показывается нормально. Я перепробовал все, что мог придумать, чтобы заменить пробелы в вызове MySQL (просто добавляет обратную косую черту везде), попытался заменить символ в моем jQuery (либо полностью его разбивает, либо просто не работает), добавив еще одну переменную для только этот один экземпляр и попытка закодировать URIComponent или заменить безрезультатно, и я в своем уме.

Я надеялся, что не придется добавлять еще один столбец значений без пробелов просто для background-image URL источника, но если это то, к чему это сводится, я просто сделаю это и скажу, прикрутите это.

Любой совет, что я делаю не так? Если вам нужна какая-либо другая соответствующая информация, позвольте мне знать. Сайт является: http://wow.zenakrua.com/ и вы нажимаете Windwalkers, затем щелкаете по сердитой фиолетовой цыпочке, в середине второго ряда.

0

Решение

Это изображение не существует. Если это произойдет, вы сможете получить к нему доступ с помощью этого URL в браузере:

wow.zenakrua.com/images/battlepets/Remnant%20of%20Argus.png

Имя изображения неверно, или вам нужно изменить права доступа к нему.

0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector