Я пытаюсь создать чат. Все работает правильно, но когда я нажимаю кнопку «Начать чат», появляется alert «Объект Объект». В противном случае выборка данных идеальна. Я просто не вижу модальное окно чата.

Есть еще один почти аналогичный пример, но в нем проблема была решена путем помещения {amp}lt;div id="user_model_details"{amp}gt;{amp}lt;/div{amp}gt; хотя в данном случае это не так.

 {amp}lt;noscript{amp}gt;{amp}lt;meta http-equiv="refresh" content="0; url=JSDisabled.html" /{amp}gt;{amp}lt;/noscript{amp}gt; {amp}lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/User.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-1.12.4.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;link href="css/bootstrap.min.css" rel="stylesheet"{amp}gt; {amp}lt;link href="css/User.css" rel="stylesheet"{amp}gt; {amp}lt;link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"{amp}gt; {amp}lt;meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"{amp}gt; {amp}lt;div class="split Connect_Content" id="Connect_Cnt"{amp}gt; {amp}lt;div id="user_model_details"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;script{amp}gt; $(document).ready(function() { fetch_user(); setInterval(function() { fetch_user(); }, 5000); function fetch_user() { $.ajax({ url: "include/abcde.php", method: "POST", success: function(data) { $('#Connect').html(data); } }) } function make_chat_dialog_box(to_user_id, to_username) { var modal_content = '{amp}lt;div id="user_dialog_'   to_user_id   '" class="user_dialog" title="Chat window with '   to_username   '"{amp}gt;'; //alert (modal_content); modal_content  = '{amp}lt;div style="height:30%; border:1px solid #ccc; overflow-y: scroll; margin-bottom:3%; padding:5%;" class="chat_history" data-toid="'   to_user_id   '" id="chat_history_'   to_user_id   '"{amp}gt;'; modal_content  = '{amp}lt;/div{amp}gt;'; modal_content  = '{amp}lt;div class="form-group"{amp}gt;'; modal_content  = '{amp}lt;textarea name="chat_message_'   to_user_id   '" id="chat_message_'   to_user_id   '" class="form-control"{amp}gt;{amp}lt;/textarea{amp}gt;'; modal_content  = '{amp}lt;/div{amp}gt;{amp}lt;div class="form-group" align="right"{amp}gt;'; modal_content  = '{amp}lt;button type="button" name="send_chat" id="'   to_user_id   '" class="btn btn-info send_chat"{amp}gt;Send{amp}lt;/button{amp}gt;{amp}lt;/div{amp}gt;{amp}lt;/div{amp}gt;'; alert(modal_content); var test = $('#user_model_details').html(modal_content); alert(test); } $(document).on('click', '.start_chat', function() { var to_user_id = $(this).data('toid'); var to_username = $(this).data('tousername'); //alert (to_user_id); //alert (to_username); make_chat_dialog_box(to_user_id, to_username); $("#user_dialog_"   to_user_id).dialog({ autoOpen: false, width: 400 }); $('#user_dialog_'   to_user_id).dialog('open'); }); }); {amp}lt;/script{amp}gt; {amp}lt;/div{amp}gt; 

Наконец-то нашел ошибку в этом. Чрезвычайно глупая ошибка. Я закрыл {amp}lt;/div{amp}gt; в конце страницы, а не закрыл ее в той же строке, например:

{amp}lt;div class="split Connect_Content" id="Connect_Cnt"{amp}gt;{amp}lt;/div{amp}gt;

{amp}lt;/div{amp}gt; в конце страницы необходимо удалить. Это решило проблему. Извините, что беспокою вас, ребята.