如何解决jquery代码之间的冲突

Question

我有一个流动的jquery代码用于对话框

$(function () {
    $("#WebcamPopup").dialog({
        autoOpen: false,
        height: 500,
        width: '80%',
        resizable: false,
        position: "center",

        show: {
            effect: "blind",
            duration: 1000
        },
        hide: {
            effect: "blind",
            duration: 500
        }
    });
    $(".ui-dialog-titlebar").hide();

    $("#OpenWebcamPopup").click(function () {
        $("#WebcamPopup").dialog("open");
    });

});

和html的流动代码

<input id="OpenWebcamPopup" value="webcam" type="button" />

<div id="WebcamPopup" title="webcam">
....
</div>

我在一个空页面及其工作中对此进行测试，但是当我在页面中包含一个jquery文件时，该对话框无法正常工作，这意味着jquery文件和上面的jquery代码之间存在一些冲突。我尝试编辑jquery文件，但此文件中的代码非常复杂，无法理解

我该如何解决这个问题？