视图具有_Layout，但下拉菜单不起作用

Question

I have a view that is using the Shared _Layout which has all of the stylesheets and javascript files referenced.

On my navbar I have a 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">

But when I click on the dropdown, nothing happens.. the menu isn't displayed or anything. When I click on the dropdown and move the cursor away the focus stays on the dropdown menu but again, nothing shows..

It looks like this:

This dropdown works on every other View except this one.

I have checked the View Source and all of the stylesheets & Javascript files from the _Layout are there.

This view gets created from an ajax call on another view:

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

Any help is appreciated.

Answer 1

After your Ajax call the JS is not listening your new content, that why it's not working. You should "reload" your function after $("body").html(data); you can put $('.dropdown-toggle').dropdown(); to make your dropdown menu working.