2011-12-16 2 views
2

내 슈퍼 피쉬 드롭 다운 메뉴에 문제가 있습니다. jQuery.Columnizer를 프로젝트에 추가하기 전에 제대로 작동했습니다. columnizer를 가져옵니다. jQuery는 superfish.js의 문제를 수정합니다. 그러나 둘 다 활성화되어 실행중인 경우 메뉴 위에 마우스를 올려 놓으면 드롭 다운 메뉴가 표시되지만 드롭 다운의 메뉴 링크를 클릭하면 드롭 다운이 사라집니다. 나는이 문제를 해결할 수없는 것 같다. 나는 여러 가지 조언과 예제를 봤지만 아무 소용이 없었다.jQuery SuperFish 오류 : jQuery ("ul.sf-menu"). superfish가 함수가 아닙니다.

나는 3 개의 열과 같이 내용을 나누기 위해 칼럼 라이저를 사용하고 있습니다. 내가 2 jquery 라이브러리를 참조하기 때문에 문제가 무엇입니까?

Superfish.js

<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css' /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<link href="/assets/css/main.css" rel="stylesheet" type="text/css" /> 
<link rel="stylesheet" type="text/css" href="/assets/css/superfish.css" media="screen" /> 
<script type="text/javascript" src="/assets/js/hoverIntent.js"></script> 
<script type="text/javascript" src="/assets/js/superfish.js"></script> 
<script type="text/javascript" src="/assets/js/jquery-1.2.6.min.js"></script> 

    <script type="text/javascript"> 
     // initialise plugins 
     $(document).ready(function() { 
      jQuery('ul.sf-menu').superfish(); 
      //alert("hello i am working... maybe or maybe not!"); 
     }); 
</script> 

Columnizer.js

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
<script src="/assets/js/jquery.columnizer.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 
$('#wrapper').columnize(); 
$('.wide').columnize({ width: 200 }); 
</script> 

UPDATE : 여기서 문제의 해결책이고; 내가 다음 페이지 뒤에 코드를 내 webconfig에서의 .js를 참조하고 -

<add key="**********.*********.***.JQuery.Path" value="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"/> 

CDN 그것은 완벽하게 작동하고 보장을 모두 이전의 참조를 복용 및 최신 함께 업데이트. Phew .. 지금 일해 - 모든 도움 사람들에게 감사드립니다.

+0

왜 2 개의 jquery 라이브러리를 참조하고 있습니까? 그게 문제의 사기성 일 수 있다고 확신합니다. –

답변

3

당신이 JQuery와 두 번 당신 때문에 지원 플러그인의 같은 페이지에 JQuery와의 두 가지 버전을 포함해야하는 경우

<script type="text/javascript" src="/assets/js/jquery-1.2.6.min.js"></script> 

가 또는이 대답

https://stackoverflow.com/a/528251/413670

참조이 줄을 제거 추가 편집

플러그인이 jquery 버전을 지원하는 경우 시도해보십시오.

<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css' /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<link href="/assets/css/main.css" rel="stylesheet" type="text/css" /> 
<link rel="stylesheet" type="text/css" href="/assets/css/superfish.css" media="screen" /> 
<script type="text/javascript" src="/assets/js/hoverIntent.js"></script> 
<script type="text/javascript" src="/assets/js/superfish.js"></script> 
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css' /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<link href="/assets/css/main.css" rel="stylesheet" type="text/css" /> 
<link rel="stylesheet" type="text/css" href="/assets/css/superfish.css" media="screen" /> 
<script type="text/javascript" src="/assets/js/hoverIntent.js"></script> 
<script type="text/javascript" src="/assets/js/superfish.js"></script> 
<script src="/assets/js/jquery.columnizer.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 
     // initialise plugins 
     $(document).ready(function() { 
      jQuery('ul.sf-menu').superfish();   
      $('#wrapper').columnize(); 
     $('.wide').columnize({ width: 200 }); 

     }); 
</script> 
+0

만약 내가 그걸 꺼내면 화재 메시지에서이 오류 메시지가 나타납니다. 오류 : $ clone.prop는 함수가 아닙니다 소스 파일 : http : // localhost : 53225/assets/js/jquery.columnizer.min. js' '오류 : jQuery ("ul.sf-menu"). 슈퍼 피쉬가 함수가 아닙니다. 소스 파일 : http : // localhost : 53225/*****/*****/*** *****. aspx 줄 : 15' 그 줄을 남겨두면 첫 번째 오류가 발생합니다. 적절한 혼란. – MJCoder

+0

편집을 참조하십시오. – Rafay

+0

3nigma web.config에서 jQuery에 대한 참조를 추가 한 다음 페이지의 코드에서 참조했습니다. 최신 CDN을 참조로 사용하여 문제를 해결했습니다. 숨겨진 이전 코드를 꺼 냈습니다. 서로 상충하는 또 다른 페이지 - 현재 완벽하게 작동합니다. ''PHEW! 나에게 몇 시간 걸렸지 만 결국 거기에 도착했다. .. 첫번째 포스트 업데이트 – MJCoder

관련 문제