2011-12-16 5 views
2

У меня проблемы с моим выпадающим меню суперфиша - он отлично работал, прежде чем добавить jQuery.Columnizer в свой проект. Выбранный столбец jQuery исправляет проблему для superfish.js - однако, когда оба включены и работают, выпадающее меню отображается, когда вы наводите курсор на меню, но когда вы пытаетесь щелкнуть ссылку меню в раскрывающемся списке, выпадающее меню исчезает. Кажется, я не могу исправить эту проблему - я искал googled и следил за различными советами и примерами, но безрезультатно.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> 

ОБНОВЛЕНИЕ: Вот решение этой проблемы;

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

вынимая как предыдущие ссылки и обновления с последними CDN обеспечили это работает отлично - я ссылается на .js в моем WebConfig, а затем код позади страницы. Фу ... работая сейчас - спасибо за вашу помощь людям.

+0

Почему вы ссылаетесь на 2 библиотеки jquery? Я уверен, что это может быть причиной этой проблемы. –

ответ

3

вы добавляете JQuery дважды удалить эту строку

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

или если вам необходимо включить две версии JQuery на той же странице, из-поддержка плагинов ссылаться на этот ответ

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

EDIT

если ваши плагины поддерживают версию 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

, если я выберу это, тогда он вызывает это сообщение об ошибке в firebug 'Ошибка: $ clone.prop не является функцией Исходный файл: http: // localhost: 53225/assets/js/jquery.columnizer.min. js' 'Ошибка: jQuery (" ul.sf-menu "). superfish не является функцией Исходный файл: http: // localhost: 53225/*****/*****/*** *****. aspx Линия: 15' Отказ от этой линии в вас сказал, чтобы вывести doest, принесите первую ошибку. Правильное смущение. – MJCoder

+0

см. Правки .. – Rafay

+0

3nigma я добавил ссылку на jQuery в web.config, а затем ссылался на нее в моем коде за страницей - используя последнюю версию CDN в качестве справки, решил проблему - я достал старую, которая скрывалась в другая страница, которая противоречила друг другу, теперь работает отлично. '' PHEW! Принял меня несколько часов, но попал туда, в конце ... первый пост обновлен – MJCoder

Смежные вопросы