Tengo una vista de ASP.NET MVC 4 que carga dinámicamente dos parciales anidados en<div> Elementos via JQuery AJAX. Cada uno de los parciales tiene un montón bastante grande de Javascript propio. Para que todo funcione, actualmente tengo todo el Javascript en elsuccess de cada llamada AJAX:

function LoadPartial(someImportantId) {
    $.ajax({
        url: '@Url.Action("LoadThePartial")' + '?id=' + someImportantId,
        type: 'POST',
        async: false,
        success: function (result) {
            $("#partialContainerDiv").html(result);
            //here there be great piles of javascript
        }
    });
}

Como hay dos de estos parciales y cada uno requiere cientos de líneas de Javascript, el archivo de vista principal se está volviendo difícil de administrar. Me encantaría poner todo este código de script en un archivo .js separado, pero aún soy lo suficientemente nuevo para Javascript, por lo que confío en las herramientas de depuración de scripts de Chrome, y tengo problemas para descubrir cómo (y si) Puedo obtener este archivo de script para cargar. He intentado:

Añadiendo un script incluido al archivo parcial. En este caso, el Javascript del parcial aún no se carga en tiempo de ejecución, yAl parecer, tener incluidos en una vista parcial no es una buena idea de todos modos.

Añadiendo un script incluido a la vista principal. Esto no funciona. Ninguno de los Javascript del parcial se adjunta correctamente, lo que tiene sentido en un nivel de sincronización.

¿Hay alguna manera de que pueda tener un archivo Javascript separado para un AJAX cargado parcial y todavía poder depurar el parcial en el cliente? Más importante aún, ¿dónde coloco todo este Javascript para las vistas parciales cargadas de AJAX?