1


Estou tentando fazer com que o arquivo themes/cms/build/js/main.min.jsfuncione corretamente após ser carregado pelo RequireJS, porém não venho tendo sucesso.
O arquivo é carregado, algumas funções funciona como console.log(), mas outras como $(element).each(), $(element).click() não funcionam como o esperado.

No código abaixo, lá no arquivo main.min.jseu tento adicionar a cor red na classe .content-title, porém não acontece nada, a classe não fica com o css de cor vermelha.

O que estou fazendo de errado?

app/app.js

'use strict';
require.config({
    baseUrl: "./app",
    // alias libraries paths
    paths: {
        'jquery': './components/jquery/dist/jquery.min',
        'domReady': './components/domReady/domReady',
        'angular': './components/angular/angular.min',
        'angularRoute': './components/angular-route/angular-route.min',
        'angularCSS': './components/angular-css/angular-css.min',
        'satellizer': './components/satellizer/dist/satellizer.min',

        'bootstrap': './components/bootstrap/dist/js/bootstrap.min',
        'main': '../themes/cms/build/js/main.min',

        // components of site
        'adminLTE': '../themes/cms/build/js/adminLTE.min',
        'fastclick': './components/fastclick/lib/fastclick',
        'helpers': './config/helpers',

        'script': './components/script.js/dist/script.min'
    },

    shim: {
        'jquery': {
            exports: 'jquery'
        },
        'angular': {
            exports: 'angular'
        },
        'angularRoute': [ 'angular' ],
        'angularCSS': [ 'angular' ],
        'satellizer': [ 'angular' ],
        'script': {
            exports: 'script',
            deps: [ 'angular' ]
        },
        'bootstrap': {
            exports: 'bootstrap',
            deps: [ 'jquery' ]
        },
        'fastclick': {
            exports: 'fastclick',
            deps: [ 'jquery' ]
        },
        'adminLTE': {
            exports: 'adminLTE',
            deps: [ 'jquery', 'bootstrap', 'fastclick' ]
        },
        'helpers': {
            exports: 'helpers'
        },
        'main': {
            exports: 'main',
            deps: [ 'jquery', 'bootstrap', 'adminLTE' ]
        }
    },

    deps: [ './config/bootstrap', './config/helpers' ]
});

app/config/app.js

'use strict';

define([ 'angular', 'angularRoute', 'angularCSS', 'satellizer', 'jquery', 'bootstrap', 'adminLTE', 'main', 'helpers', '../factories/index', '../directives/index', '../controllers/index' ], function (ng) {
    return ng.module('app', [
        'app.factories',
        'app.directives',
        'app.controllers',
        'ngRoute',
        'angularCSS',
        'satellizer'
    ])
        .run([
            '$rootScope', '$location', '$auth', '$route',
            function( $rootScope, $location, $auth, $route ) {
            $rootScope.site = {
                name: 'System MMN',
                api: api
            };

            $rootScope.pageParams = {
                title: 'Dashboard',
                id: 'dashboard'
            };

            $rootScope.$watch($auth.isAuthenticated(), function() {
                if(!$auth.isAuthenticated()) {
                    $location.path( '/login' );
                }
            });
            $rootScope.$on("$routeChangeSuccess", function(event, current, previous){
                $rootScope.currentTemplate = 'app/views/pages/' + current.$$route.page + '.html';
            });
        }]);
});

themes/cms/assets/js/main.js - Compiled to themes/cms/build/js/main.min.js

'use strict';

define(['jquery'], function( $ ) {
    $(function() {
        // Não funciona
        $('.content-title').css('color', 'red');

        // Não funciona
        $('.content-title').each(function() {
            $(this).text('Oi, isso é um teste');
        });

        // console log funciona
        console.log('Work?');
    });
});

Obrigado!

1
  • não estoura nenhum erro no console?... no shim, tente dar export no jquery para $
    – Giovane
    Commented 28/10/2016 às 21:20

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .