На странице есть -
<input id="connect" >
который заменяю
<input id="disconnect" >
через AJAX. . На странице есть скрипт, по нажатию на кнопку, вызывается функция,НО срабатывает она только 1 раз,т.е. когда заменяю один элемент на другой - jQuery как-будто его не видит- нужно рефрешить страницу- тогда отрабатывает
<script type="text/javascript">
$(function () {
//connect to MyHub
var myHub = $.connection.myHub;
//methods on client side
myHub.client.changeState = function (id, state, color, butId, message) {
//ВОТ ЗДЕСЬ, НАВЕРНОЕ НУЖНО jQuery задать функцию для ре-инициализации дома(я не знаю какую)
$(id).text(state);
$(id).css("background", color);
//не хочет работать этот блок
$(butId).attr('value', message);
$(butId).css("background", color);
};
myHub.client.changeButton = function (id, message, color,newId) {
$(id).attr('value', message);
$(id).css("background", color);
$(id).attr('id', newId);
};
myHub.client.changeQueue = function (id, message, color) {
$(id).text(message);
$(id).css("background", color);
};
myHub.client.userConnected = function (message) {
$("#container").append("<div>" + message + "</div>");
};
//open connection
$.connection.hub.start().done(function () {
//invoke method on server side
$('#disconnect').click(function () {
myHub.server.disconnect('@Model.Id');
})
$('#connect').click(function () {
myHub.server.connect('@Model.Id');
})
$('#takeToQueue').click(function () {
myHub.server.takeToQueue('@Model.Id');
})
$('#quitFromQueue').click(function () {
myHub.server.quitFromQueue('@Model.Id');
})
});
});
</script>
Вроде нужно заново инициализировать DOM-дерево, т.к. jQuery не видит изменений после AJAX? Так, не так?
Не знаток jQuery.
Вот ссылка на видео
https://youtu.be/LtGWe8dVaOc (извиняюсь за качество)
вот на проект MVC5 с примером (открыть два окна в браузере -Index и Detail)
https://drive.google.com/open?id=0B6tCyUegKrb-RGFB...