ReplaceWith Функция показывает странные результаты

Question

Я использую функцию ReplaceWith, хотя это замена содержание, что я искал, но составляет HTML, который weired (содержимое HTML были правильными раньше): вот этот фрагмент кода

var url = 'ControllerName//ActionName//' + Id; 
var img = "<img style='width: 45px; height: 46px;' data-imageName='" + imageName 
      + "' src='javascript:window.location.href ='" + url + "'/>"; 

код замены:

Panel.find(".heading1").find('.heading2').find('div:first') 
    .replaceWith(function(){ 
       return (img); 
      }); 

Upto данный момент он работает правильно, но содержимое тега изображения (который я построил выше изменяемые, как это:

<img style="width: 45px; height: 46px;" data-imagename="image.jpg" 
     src="javascript:window.location.href =" ControllerName="" 
     ActionName="" 72'=""> 

где 72 - это идентификатор, над которым я проходил выше. она должна быть:

<img style="width: 45px; height: 46px;" data-imagename="image.jpg" 
     src="/ControllerName/ActionName?Id=72"> 

Любые идеи?

Answer 1

Я только что сделал следующие изменения, и она работала:

var url = '/ControllerName/ActionName?Id=' + someId; 
      var img = "<img style='width: 45px; height: 46px;' data-imageName='" + imageName + "' src='" + url + "'/>"; 

затем вместо возвращения IMG в функции, просто передается изображение

Panel.find(".heading1").find('.heading2').find('div:first').replaceWith(img);