Javascript 在数字签名画布中，在本地主机中工作，但在主服务器站点中不工作_Javascript_Php_Jquery_Codeigniter

Javascript 在数字签名画布中，在本地主机中工作，但在主服务器站点中不工作

javascript php jquery codeigniter

Javascript 在数字签名画布中，在本地主机中工作，但在主服务器站点中不工作,javascript,php,jquery,codeigniter,Javascript,Php,Jquery,Codeigniter,我有以下代码： <!DOCTYPE html> <html> <head> <title>Digital Signature</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.m

我有以下代码：

<!DOCTYPE html>
    <html>
        <head>
            <title>Digital Signature</title>
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
            <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/south-street/jquery-ui.css" rel="stylesheet">
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
            <script type="text/javascript" src="asset/js/jquery.signature.min.js"></script>
            <link rel="stylesheet" type="text/css" href="asset/css/jquery.signature.css">
            <style>
            .kbw-signature { width: 150px; height: 100px;}
            #signature canvas{
            width: 100% !important;
            height: auto;
            }
            .container{
            margin-left: 420px;
             
            }
            </style>
        </head>
        <body>
            <div id="signature" ></div>
            <br/>
            <button id="clear">Clear Signature</button>
            <textarea id="sigpad" name="signature_image" style="display: none"></textarea>
            <br/>
            <button class="btn btn-success" id="save_sign">Confirm!!!</button>
            <span id="res" style="color: green;"></span>
            <script type="text/javascript">
                var signature = $('#signature').signature({syncField: '#sigpad', syncFormat: 'PNG'});
                $('#clear').click(function(e) {
                    e.preventDefault();
                    signature.signature('clear');
                    $("#sigpad").val('');
                });
            </script>
             
            <script type="text/javascript">
                $("#save_sign").click(function(){
                    
                    url = "http://localhost/sign-final-testing/signature.php";
                    sigpad= $("#sigpad").val();
                    $('#res').html('loading....');
                    $.ajax({
                    type : 'POST',
                    url : url,
                    data : {signature_image: sigpad},
                    success: function(result){
                        $('#res').html('Signature Uploaded successfully');
                    },
                    }) ;
                 
                });
            </script>
        </body>
</html>


数字签名
.kbw签名{宽度：150px；高度：100px；}
#签名画布{
宽度：100%！重要；
高度：自动；
}
.集装箱{
左边距：420px；
}


清晰的签名


确认！！！
var signature=$（'#signature'）。signature（{syncField:'#sigpad'，syncFormat:'PNG'}）；
$（“#清除”）。单击（函数（e）{
e、 预防默认值（）；
签名。签名（“清晰”）；
$（“#sigpad”）.val（“”）；
});
$（“#保存符号”）。单击（函数（）{
url=”http://localhost/sign-final-testing/signature.php";
sigpad=$（“#sigpad”）.val（）；
$（'#res'）.html（'加载…'）；
$.ajax({
键入：“POST”，
url:url，
数据：{signature_image:sigpad}，
成功：功能（结果）{
$（'#res'）.html（'签名已成功上载'）；
},
}) ;
});

此代码在我的本地主机中工作，但在我的主网站中不工作。我检查了inspect元素，在localhost画布中显示在signature div下，但在主网站画布中未显示。

请帮助我，我的代码哪里出了问题。

您了解相对文件名路径吗？