TL;DR - jQuery プラグインは Firefox では機能しますが、Chrome では機能しません。同じページ、同じファイル、すべて同じ。
だから私は別のものを拡張するこの小枝のページを持っています. 親ページでは、jquery が astic を介して呼び出されています。
#FooBar/Resources/view/Default/base.html.twig
{% stylesheets output = 'bundles/foobar/*.js' %}
'@FooBarBundle/Resources/public/js/jquery/jquery-1.8.3.js'
{% endstylesheets %}
{% block custom_js %}{% endblock %}
次に、子テンプレートに次のものがあります
#WooHooBundle/Resources/views/FrontPage/frontpage.html.twig
{% extends 'FooBarBundle:Default:base.html.twig %}
{% block custom_js %}
{% javascripts output='bundles/woohoo/js/*.js' */ (adding this made output look funny)
'@WooHoBundle/Resources/public/js/Global/guidedTour.js'
'@WooHoBundle/Resources/public/js/Global/jquery.joyride-2.1.js'
'@WooHoBundle/Resources/public/js/Global/jquery.cookie.js'
'@WooHoBundle/Resources/public/js/Global/jquery.number.min.js'
%}
<script src="{{ asset_url }}" type="text/javascript"></script>
{% endjavascripts %}
{% endblock %}
したがって、たとえばfirefoxでjquery.numberを使用しようとすると、(コンソールで)次のようになります
$.number(1337)
'1337'
そしてクロムでは、このように見えます
$.number(1337)
TypeError: Object function (e,t){return new b.fn.init(e,t,r)} has no method 'number'
私はDOMを調べましたが、プラグインはDOMのjqueryの後です。リソースを見ると、jquery の前にプラグインが表示されます。アルファベット順のように見えますが、assetic はこれらのランダムな値を assets:install / assetic:dump のファイルの先頭に割り当てます。だから彼らはこのように見えます
10ec069_jquery.number.min_4.js
c2a2536_jquery-1.8.3_1.js
したがって、これがクロムではなくFirefoxで機能する理由がわかりません.... jqueryプラグインの後に呼び出されている他のJSがあります... jsLintを介してそれらを実行しましたが、すべて問題ありません。
あなたが与えることができる助け/アドバイスをありがとう:)
ドリュー
編集:
そのため、コンソール拡張用のJavascriptライブラリをインストールし、他のすべての後にjqueryをリロードしていました。それを無効にし、すべてが正常に機能しています