Всем привет! Помогите разобраться! Есть две функции, которые конфликтуют между собой. Добавил функцию
jQuery.noConflict();, не помогло, что можно еще сделать?
Первая:
<script type="text/javascript">
jQuery.noConflict();
jQuery(function() {
jQuery('.map').maphilight();
});
</script>
Вторая:
<script class="example" type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function()
{
jQuery('area[alt]').qtip(
{
content: {
attr: 'alt'
},
position: {
my: 'center',
at: 'top left',
},
style: {
classes: 'ui-tooltip-tipsy ui-tooltip-shadow'
}
});
});
</script>
В HEAD подключено
<script src="jquery-1.7.2.js" type="text/javascript"></script>
дальше перед каждой функцией своя библиотека.
Перед первой
<script src="jquery.maphilight.js" type="text/javascript"></script>
перед второй
<script src="jquery.qtip.min.js" type="text/javascript"></script>
ТАКЖЕ, пробовал сделать без использования вспомогательной функции jQuery.noConflict();, но безуспешно...
<script src="jquery-1.7.2.js" type="text/javascript"></script>
<script src="jquery.maphilight.js" type="text/javascript"></script>
<script src="jquery.qtip.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$(".map").maphilight();
$("area[alt]").qtip({
content: {
attr: "alt"
},
position: {
my: "center",
at: "top left",
},
style: {
classes: "ui-tooltip-tipsy ui-tooltip-shadow"
}
});
});
</script>
Весь блок сдвигал вниз к самому
/BODY