Escaping single-quotes javascript

Question

Я думаю, что проблема ниже - это что-то делать с экранированием строк, но я надеюсь, что кто-то подтвердит это.

Мне нужно добавить событие event.id в значение submit так:/Events/Edit/+ event.id. Определенный контент в свойстве event.id определенно отображается корректно во второй раз, когда я его использую.

$('.ui-dialog div.ui-dialog-buttonpane') 
    .append('<button type="submit" value="/Events/Edit/"' 
      + event.id 
      + ' class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" ><span class="ui-button-text">' 
      + event.id + '</span></button>'); 

Answer 1

Перемещение "вперед после event.id:

$('.ui-dialog div.ui-dialog-buttonpane').append('<button type="submit" value="/Events/Edit/' + event.id + '" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" ><span class="ui-button-text">' + event.id + '</span></button>'); 

Answer 2

я думаю, ваша проблема может быть, что у вас есть value="/Events/Edit/"'+ event.id , вероятно, Вы имели в виду value="/Events/Edit/'+ event.id +'" [the rest of your snippet]

Answer 3

Вам просто нужно двигаться двойной цитируйте после того, как вы добавите идентификатор события (сломал вещи немного больше, чтобы сделать его более читаемым):

$('.ui-dialog div.ui-dialog-buttonpane') 
    .append('<button type="submit" value="/Events/Edit/' 
     + event.id 
     + '" class="ui-button ui-widget ui-state-default ' 
     + 'ui-corner-all ui-button-text-only" ><span class="ui-button-text">' 
     + event.id + '</span></button>');