диалоговое окно jquery, идентификатор элемента не распознается

Question

Мое требование - когда я нажимаю на изображение show.gif, откроется диалоговое окно jquery. «id» не распознается в функции jquery. Ниже мой код:

var history = function(value, rowIndex) { 
       var STID = this.grid.getItem(rowIndex).STID; 
    var str = "<img src=<%=request.getContextPath()%>/img/show.gif width=\"20\" height=\"20\" id=\"showDialog\">"; 
       return str; 
      }; 

ниже функция JQuery:

<script> 
$(function() { 
    $("#dialog").dialog({ 
     autoOpen: false 
    }); 
    $("#showDialog").on("click", function() { 
     $("#dialog").dialog("open"); 
    }); 
}); 

</script> 

Когда я нажимаю на show.gif, он должен отобразить диалоговое окно JQuery, где РМКО идет не так, я объявил id = "showDialog" в функции, все равно "id" не распознается. Нужно ли добавлять кавычки? Пожалуйста, предложите. Благодарю.

Answer 1

вам нужно цитаты попытаться изменить это:

var str = "<img src=<%=request.getContextPath()%>/img/show.gif width=\"20\" height=\"20\" id=\"showDialog\">"; 

к этому:

var str = "<img src=<%=request.getContextPath()%>/img/show.gif width=\"20\" height=\"20\" id='showDialog'>";