JQuery: Uncaught TypeError: $ (...) диалог не является функция

Question

Это моя функция Javascript звонит на странице:.

<script> 
    $.fn.tabbedDialog = function() { 
     this.tabs(); 
     this.dialog({ 'minWidth': 300, 'minHeight': 300, 'draggable': true, 'autoOpen': false, 'resizable': false, }); 
     var $dialog = $(this).closest('.ui-dialog'); 
     this.find('.ui-icon-closethick').append($('.ui-dialog-titlebar-close')).css('position', 'static'); 
     $dialog.find('.ui-draggable-handle').append($('.ui-tabs-nav').removeClass().addClass('ui-tabs-nav')).addClass('ui-tabs'); 
     $dialog.find('.ui-dialog-title').remove(); 
    } 
    $('#xxx').tabbedDialog(); 

    $('a#show').click(function() { 
     if ($('#xxx').dialog("isOpen")) { 
      $('#xxx').dialog('close'); 
     } 
     else { 
      $('#xxx').dialog('open'); 
     } 
    }); 
</script> 

диалога JQuery конфликтует с этим сценарием, который является глобальным, чтобы мой шаблон в этот момент, когда я пытаюсь открыть диалоговое окно, и это скрипт определен в другом Javascript вложенный файл в шаблон:

this.$dialog.on('mousedown.dismiss.bs.modal', function() { 
     that.$element.one('mouseup.dismiss.bs.modal', function (e) { 
     if ($(e.target).is(that.$element)) that.ignoreBackdropClick = true 
     }) 
    }) 

Я попытался комментируя строку кода мешая диалог, но это искажает другие части моего проекта. пожалуйста, как я могу разрешить этот диалог конфликта Просьба помочь!

Answer 1

Удалось решить мою проблему после долгих попыток. Я добавил это,

jQuery(document).ready(function ($) { 
//functions here 
this.tabs(); 
$.noConflict(true); 
..... 
}); 

И конфликт был разрешен.