javascript - View 有 _Layout 但下拉菜单不起作用

Question

我有一个使用共享 _Layout 的 View ，其中引用了所有样式表和 JavaScript 文件。

在我的导航栏上有一个下拉菜单:

<a class="dropdown-toggle" role="button" aria-expanded="false" href="#" data-toggle="dropdown">Navigate<span class="caret"></span></a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuDivider">

但是当我单击下拉菜单时，没有任何反应......菜单没有显示或任何东西。当我单击下拉菜单并将光标移开时，焦点仍保留在下拉菜单上，但同样，什么也没有显示。

看起来像这样:

此下拉菜单适用于除此之外的所有其他 View 。

我已经检查了查看源代码，_Layout 中的所有样式表和 Javascript 文件都在那里。

此 View 是通过另一个 View 上的 ajax 调用创建的:

<script type="text/javascript">
$('#SendToController').on('click', function() {
    sendToController();
    return false;
});
function sendToController(){
    var selectedM = $('#M').val();
    var chosenY = $('#Y').val();
    var chosenC = $('#C').val();
    $.ajax({
        url: '/ALog/MReports/Generate',
        data: { 'mValue' : selectedM, 'y' : chosenY, 'c' : chosenC },
        type: 'GET',
        cache: false,
        success: function (data) {
            $("body").html(data);
        },
    });
}


</script>

感谢任何帮助。

Answer 1

在你的 Ajax 调用之后，JS 没有监听你的新内容，这就是它不起作用的原因。您应该在 $("body").html(data); 之后“重新加载”您的函数，您可以放置​​ $('.dropdown-toggle').dropdown(); 使您的下拉菜单正常工作。