2013-07-18 3 views
0

TL; DR - jQuery 플러그인은 Firefox에서는 작동하지만 Chrome에서는 작동하지 않습니다. 같은 페이지, 같은 파일, 같은 모든 것.symfony2 : Firefox에서는 작동하지만 크롬에서는 작동하지 않는 jQuery 플러그인

다른 페이지를 확장하는이 나뭇 가지 페이지가 있습니다. 부모 페이지 JQuery와 나는 파이어 폭스에서 예를 들어 jquery.number 사용하려고하면 그래서 보이는 그래서 아이 템플릿에서 다음

#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 %} 

다음 한 것처럼 assetic를 통해 호출되는 이

$.number(1337) 
'1337' 

(콘솔에서) 그리고 크롬에서이

,564,413,888,321 모양처럼 0

나는 DOM을 살펴본 후 플러그인은 DOM의 jquery 이후에있다. 리소스를 볼 때 jquery 앞에 플러그인이 나타납니다. 알파벳순으로 보이고 assetic은 임의의 값을 자산의 파일 시작 부분에 할당합니다 : install/assetic : dump. 그래서 그들은 내가했습니다 ... 나는 JQuery와 플러그인 후에 호출되고 다른 JS가 .... 그래서 난이 파이어 폭스에서가 아니라 크롬에서 작동 왜 아무 생각이

10ec069_jquery.number.min_4.js 
c2a2536_jquery-1.8.3_1.js 

처럼 throu jsLint를 실행하면 모든 것이 잘됩니다. 어떤 도움/조언을

감사합니다 당신이 줄 수 :

드류

편집 :

그래서 나는 Javascript Library for Console 확장을 설치했고 그것은 다른 모든 후에 jQuery를 다시로드되었다. 비활성화했으며 모든 것이 정상적으로 작동 중임

+0

나는 모든 것이로드 된 후에 자바 스크립트를 삽입하는 크롬 확장 기능을 가지고있다. 모든 일이 깨지기 시작했다. –

답변

0

* .js 또는 디렉토리 대신 파일 이름을 지정하십시오.

{% javascripts output='javascript.js' 
    '@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' 
%} 

모든 JS 파일은 하나의 파일 (javascript.js 또는 다른 이름)로 이동해야합니다. 개발 assetic 여러 파일에 넣어해야합니다.

질문이있을 때 symfony 버전을 게시하는 것을 잊지 마십시오.

관련 문제