2014-04-02 3 views
2

와 함께 작동하지 않는 것은 여기에 내 코드부트 스트랩 드롭 다운이 RequireJs

requirejs.config({ 
    paths: { 
     'knockout': '/Scripts/vendors/knockout/knockout-2.3.0', 
     'knockout-validation': '/Scripts/vendors/knockout/knockout.validation', 
     'knockout-postbox': '/Scripts/vendors/knockout/knockout-postbox', 
     'knockout-mapping': '/Scripts/vendors/knockout/knockout.mapping', 
     'jquery': '/Scripts/vendors/jquery/jquery-1.10.2', 
     'bootstrap': '/Scripts/vendors/bootstrap/bootstrap' 

    }, 
    shim: { 
     'bootstrap': { 
      deps: ['jquery'], 
      exports: '$' 
     }, 
     'knockout-validation': ['knockout'], 
     'knockout-mapping': ['knockout'], 
     'knockout-postbox': ['knockout'] 
    }, 
    enforceDefine : true 
}); 

의 내 화면 크기를 조정할 때 그래서 반응 드롭 다운을 얻을 수 있지만 제대로 작동하지 않습니다. 스크립트를 페이지에 직접 삽입하여 해킹했습니다. 그 이유는 요구 사항이 작동하지 않는 이유입니다.

나는 많은 질문을 stackoverflow에 시도했지만 아무것도 작동하지 않는 것 같습니다. 부트 스트랩 3.0.0을 사용하고 있습니다.

+0

좋아, 작동하지 않지만 ** 작동하지 않는 이유는 무엇입니까? – Louis

+0

화면이 모바일 모드 일 때 드롭 다운이 작동하지 않습니다. 아무 것도 클릭하지 않았을 때 드롭 다운이 열렸어야합니다. – toy

+0

콘솔에 오류 메시지가 있습니까? – Louis

답변

3

동일한 문제가 발생하여 문제가 발생하는 경우 bootstrap.js가 페이지의 스크립트 태그에 의해 두 번로드되고 다른 하나는 요구 사항.

드롭 다운을 클릭하면 toggle 함수가 두 번 실행되었으며 처음으로 드롭 다운을 표시하고 두 번째로 드롭 다운을 숨 깁니다. 그래서 그것은 작동하지 않는 것 같습니다.

페이지에서 스크립트 태그를 제거한 후 작동합니다.

관련 문제