Estoy tratando de cargar stickytableheaders con requirejs y parece que no puede hacerlo funcionar. Siempre dice que no se encuentra. He confirmado que está cargando ese script antes de su uso.
alguna idea de por qué $("table").stickyTableHeaders();
tiraría un undefined is not a function
¿error?
Archivo de configuración
var require = {
baseUrl: "/",
paths: {
"bootstrap": "Scripts/bootstrap/bootstrap",
"jquery": "Scripts/jquery/jquery-1.9.1",
"stickyTableHeaders": "Scripts/stickyheader/stickyheader",
"knockout": "Scripts/knockout/knockout-3.3.0",
"text": "Scripts/require/text",
"domReady": "Scripts/require/domReady"
},
shim: {
"bootstrap": {
deps: ["jquery"]
},
"stickyTableHeaders": {
deps: ["jquery"],
exports: "jQuery.fn.stickyTableHeaders"
}
}
}
archivo de inicio
require(["jquery"
, "knockout"
, "Scripts/App/components/appViewModel"
, "stickyTableHeaders"
, "bootstrap"
, "/Scripts/knockout/bindinghandlers.js"
, "domReady!"]
, function ($, ko, appViewModel, stickyTableHeaders) {
ko.components.register("reportingline", { require: "Scripts/App/components/reportingline/line" });
ko.components.register("newrpt", { require: "Scripts/App/components/newrpt/newreport" });
$("table").stickyTableHeaders();
ko.applyBindings(new appViewModel());
})
Respuestas
-1 para la respuesta № 1Pude hacerlo funcionar.
Tuve que agregar el código al final del modelo de vista para la página en la que se necesitaba. Sin embargo, parece que debería haber una manera de hacerlo globalmente.
$ ("table"). stickyTableHeaders ();