Js对话框关闭按钮不显示，但当单击空白的方形框时，它正在关闭

Question

Jquery对话框ui正在工作，但关闭符号不显示，但当它只显示空白的方形框时，如果单击它，它将关闭Jquery对话框模式框。

我已经改变了引导cdn的位置。当删除引导程序5.1.3和4.3.1时，对话框上会显示关闭按钮。但是如果我删除bootstrap，那么我的整个页面看起来就不太好了。以下是我尝试过的代码。

<!-- chat js department -->
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" />
<!-- ends here -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="chat.js"></script>
<script>

function make_chat_dialog_box(to_user_id, to_user_name, to_lead_id)
{
var modal_content = '<div id="user_dialog_'+to_user_id+'" class="user_dialog" title="'+to_user_name+'| Lead Id:'+to_lead_id+'">';
modal_content += '<div style="height:340px; border:1px solid #ccc; overflow-y: scroll; margin-bottom:24px; padding:16px;" class="chat_history" data-touserid="'+to_user_id+'" id="chat_history_'+to_user_id+'">';
modal_content += '</div>';
modal_content += '<div class="form-group">';
modal_content += '<textarea placeholder="type your message here.." name="chat_message_'+to_user_id+'" id="chat_message_'+to_user_id+'" class="form-control chat_message"></textarea>';
modal_content += '</div>';
modal_content += '<div class="form-group" align="right">';
modal_content+= '<button type="button" name="send_chat" id="'+to_user_id+'" data-leadid="'+to_lead_id+'" class="btn btn-info send_chat">Send</button></div></div>';
$('#user_model_details').html(modal_content);
}
$(document).on('click', '.start_chat', function()
{
var to_user_id   = $(this).data('touserid');
var to_user_name = $(this).data('tousername');
var to_lead_id   = $(this).data('toclientid');
make_chat_dialog_box(to_user_id, to_user_name,to_lead_id);
$("#user_dialog_"+to_user_id).dialog(
{ autoOpen    : false
, width       : 500
, height      : 600
, dialogClass : 'myTitleClass'
, position    : 
{ my : "right top"
, at : "right top+350"
, of : window
}
});
$('#user_dialog_'+to_user_id).dialog('open');
});

Answer 1

//找到了解决方案：只需添加以下代码：

var bootstrapButton=$.fn.button.noConflict((

$.fn.bootstrapBtn=bootstrapButton