Функция JavaScript не вызывается, когда аргументы из PHP

Question

Я использую тег в php. Всякий раз, когда я передаю аргумент в функции js, он не вызывается, но если я передаю пустые аргументы, функция вызывается.

ЯШ:

function displayBigImage(img){
  alert("inside func");
}

PHP:

//NOT WORKING:
echo "<a href='javascript:displayBigImage('".$row['IMG_ID']."')'>Press</a>";

//WORKING:
echo "<a href='javascript:displayBigImage()'>Press</a>";

Я также пробовал со значениями аргументов гаркода, такими как,

echo "<a href='javascript:displayBigImage('sample.jpg')'>Press</a>";

или

echo "<a href='javascript:displayBigImage(sample.jpg)'>Press</a>";

Я не понимаю, в чем дело?!?!?!?!

Пожалуйста, ответьте как можно скорее.

Заранее спасибо

Answer 1

У вас проблемы с цитированием:

<a href='javascript:displayBigImage('sample.jpg')'>

Нельзя использовать одинарные кавычки как вокруг атрибута HTML, так и внутри . Вам нужно использовать разные кавычки в двух местах, например:

<a href="javascript:displayBigImage('sample.jpg')">

Итак, в вашем PHP это становится:

echo "<a href=\"javascript:displayBigImage('".$row['IMG_ID']."')\">Press</a>";

Answer 2

Если вы используете одинарные кавычки для объявления значения атрибута HTML, вы не можете использовать те же кавычки внутри значений атрибута, не описывая их ссылками на символы.

Таким образом, вы либо используете двойные кавычки внутри значения атрибута href:

echo "<a href='javascript:displayBigImage(\"".$row['IMG_ID']."\")'>Press</a>";

Или вы используете правильные ссылки на символы:

echo "<a href='javascript:displayBigImage(&#27;".$row['IMG_ID']."&#27;)'>Press</a>";

Или вы используете двойные кавычки для объявления значения атрибута href:

echo "<a href=\"javascript:displayBigImage('".$row['IMG_ID']."')\">Press</a>";

Answer 3

У вас есть несколько несоответствующих кавычек. Где у вас это:

echo " < a href='javascript:displayBigImage('".$row['IMG_ID']."')'>Press< / a >";

Вы должны иметь это:

echo " <a href=\"javascript:displayBigImage('" . $row['IMG_ID'] . "')\">Press</a>";