0

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をリロードしていました。それを無効にし、すべてが正常に機能しています

4

1 に答える 1