Question

我正在使用Jcrop，其中通过AJAX下载了img标签并将其插入文档中。我得到的只是一个图像应该在其中的空白区域，JCrop可以在该空白区域上工作。关键代码... 在文档头中：

<link rel="stylesheet" type="text/css" href="css/coachmaster.css" />
<link rel="stylesheet" type="text/ccs" href="css/reportEngine.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.Jcrop.css"  />
<script type="text/javascript" src="js/reportEngine.js"></script>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery-ui.js"></script>
<script type="text/javascript" src="/js/jquery.Jcrop.js"></script>

HTML插入表单

<div class="jc-demo-box">
    <img src="/PrivateAvatars/TMP1.png" id="target" alt="[Jcrop Example]" />
    <div id="preview-pane">
        <div class="preview-container">
            <img src="/PrivateAvatars/TMP1.png"" class="jcrop-preview" alt="Preview" />
        </div>
    </div>
    <div class="clearfix"></div>
</div>

这是演示1中的笔直婴儿床

以下JS在附加HTML代码后的50毫秒内运行。

if (document.getElementById("preview-pane") === null) return; // nothing to set up
    jQuery(function($) {
        $('#target').Jcrop();
        console.log('Jcrop called');
    });

在需要时调用console.log。

我不希望Jcrop可以实际工作，但是我确实希望看到图像并能够选择它的一个区域-如演示1所示。

我在做什么错？谢谢伊恩

JCrop没有显示要选择的图像

0 个答案: