why the module js file before jquery.js?

[langziyang]

the module js file before the jquery-1.11.0.min.js. so the js error is:

Uncaught ReferenceError: $ is not defined
    at back.js:28

this is my code

public function hookDisplayBackOfficeHeader()
    {
        if (Module::isInstalled($this->name) && Module::isEnabled($this->name) &&
            ($this->context->controller instanceof AdminSplitStatus ||
                $this->context->controller instanceof AdminOrdersController)) {
            $this->context->controller->addJS($this->_path . 'views/js/back.js');
        }
    }

how fix it?

Edited November 2, 2017 by langziyang (see edit history)

[joseantgv]

3 hours ago, langziyang said:

the module js file before the jquery-1.11.0.min.js. so the js error is:

Uncaught ReferenceError: $ is not defined
    at back.js:28

this is my code

public function hookDisplayBackOfficeHeader()
    {
        if (Module::isInstalled($this->name) && Module::isEnabled($this->name) &&
            ($this->context->controller instanceof AdminSplitStatus ||
                $this->context->controller instanceof AdminOrdersController)) {
            $this->context->controller->addJS($this->_path . 'views/js/back.js');
        }
    }

how fix it?

 

Force to load jQuery before your JS:

 

$this->context->controller->addJquery();