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

Question

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

在我的导航栏上，我有dropdown-menu：

<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">

但是当我点击下拉列表时，没有任何反应..菜单没有显示或任何东西。当我点击下拉列表并将光标移开时，焦点会停留在下拉菜单上，但是再次显示没有任何内容..

看起来像这样：

此下拉列表适用于除此之外的所有其他视图。

我检查了查看源以及所有样式表＆amp;来自_Layout的Javascript文件就在那里。

此视图是从另一个视图上的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没有收听你的新内容，这就是它无法正常工作的原因。你应该重新加载＆＃34; $scope.condition = false; $scope.someFunction = function(){ if(condition){ open {{attachment.url}} }else{ $scope.condition = true; } } 之后您的功能可以$("body").html(data);使您的下拉菜单正常工作。