Meteor中的Jcrop:无法停止拖动(如果添加了bootstrap包)

时间:2013-05-12 17:31:14

标签: meteor jcrop

我想允许用户使用Jcrop进行裁剪和图像处理。我已经安装了jquery-jcrop智能包,并修补它以包含css和gif文件(请参阅我对该项目的pull请求)。

现在看起来很不错,但是一旦用户点击/拖动图像,他就永远不会放手。从第一次拖动(甚至是单击),他可以调整选择的大小,但释放鼠标按钮不会做任何事情,并且每次鼠标移动都会继续更改选择大小。

重现:

1. mrt create tmp

2. mrt add jquery-jcrop

3. in tmp.html <body>:
       <img src="https://www.filepicker.io/api/file/sOrqCDfqSbqkkHbbu1pC"
            id="target" />  

4. in tmp.js isClient:
        Meteor.startup(function() {
            $('#target').Jcrop();
        });

现在运行mrt并访问该页面将显示所需的行为(虽然没有上述拉动请求中的补丁,但可能看起来很奇怪)。

停止,运行“mrt add bootstrap”,重新运行将显示上述问题。

我应该注意到一个非Meteor项目,使用jquery,jquery-jcrop和bootstrap可以正常工作。

1 个答案:

答案 0 :(得分:0)

好的,我将问题跟踪到Bootstrap 2.3.0中的bootstrap.js。用Bootstrap 2.3.1替换可以解决问题。我查看了Bootstrap Changelog并没有真正看到相关的更改,但这有效:)