Скрипт не загружается без обновления в require.js

Question

У меня есть элемент управления веб-пользователя, который включает этот скрипт в конце.

<script> 
    require(['modules/product'], function (_s) { 
     new _s(); 
    }); 
</script> 

загрузить файл product.js и product.js определяется как этот

define(["jquery", "async!https://maps.googleapis.com/maps/api/js?key=something", "validate", "validate.add"],function ($) {--some code---} 

У меня есть мастер-страницу или базовую страницу, которая включает в себя эти сценарии конфигурации

<%if (Sitecore.Context.PageMode.IsNormal){ %> 
<script type="text/javascript" src="/js/vendor/modernizr.js"></script> 
<script type="text/javascript" src="/js/vendor/require.js"></script> 
<script type="text/javascript" src="/js/main.js"></script> 
<%} else { %> 
<script> 
    function require() { }; 
    function define() { }; 
</script> 

RequireJS как это

require.config({ 
baseUrl: "/js", 
waitSeconds: 0, 
paths: { 
    async: 'vendor/async', 
    jquery: 'vendor/jquery-1.11.3.min', 
    'jquery.ui': 'vendor/jquery-ui', 
    dropdown: 'vendor/dropdown', 
    sharebutton: 'vendor/buttons', 
    tooltip: 'vendor/tooltip', 
    easyzoom: 'vendor/easyzoom', 
    validate: 'vendor/jquery.validate.min', 
    'validate.add': 'vendor/additional-methods', 
    swipe: 'vendor/jquery.touchSwipe', 
    browser: 'modules/browser', 
    moment: 'vendor/moment' 
} 

});

Но этот файл product.js не загружается сперва, но отлично работает после обновления страницы вручную.

Любая помощь будет оценена по достоинству. Я очень новичок в требовании или языке сценариев.

Answer 1

Попробуйте написать:

<script> 
    $(window).load(function() { 
     require(['modules/product'], function (_s) { 
      new _s(); 
     }); 
    } 
</script> 

Он должен ждать, пока соответствующие JS для загрузки (смотрите ответ на этот вопрос: Script working only on page reload). Надеюсь, это поможет!