0

不知道为什么这个 Jquery ui 不能在 firefox 上工作，而是在 chrome 上工作，请看这里！. 另外，当我在 Firefox 上本地运行它时，它工作正常，任何人都可以建议我的代码是什么问题

HTML

<div class="option" id="f" style="display:inline-block;">
  <img class="options" src="http://lorempixel.com/90/90/" alt=""/>
</div>
<br>
<div class="lame" style="display:inline-block;">
   <img src="http://placehold.it/350x150" alt=""/>
</div>

jQuery

    $(function() {
    $( ".option" ).draggable({ cursor: "pointer",opacity: 0.6,helper: "clone"});
    $(".lame").droppable({ 
        accept:".option",drop: function(event, ui) {
            $.ui.ddmanager.current.cancelHelperRemoval = true;
            $(ui.helper).draggable({cursor : "pointer",opacity: 0.6,containment :".lame"});
            $(ui.helper).find('.options').resizable({containment : ".lame"});
        }
    });
});
4

1 回答 1

1

我认为这是因为 Chrome 允许您在 CSS 和 JS 路径中使用不正确的斜杠（它们应该是正斜杠，而不是反斜杠），而 Firefox 不是。Firefox 在尝试加载 CSS 和 JS 文件时给出“404 Not Found”错误。

ps 当您在本地运行它时，您可能使用的是 file:// 协议而不是运行您自己的 Web 服务器，在这种情况下，Firefox 似乎很乐意允许使用反斜杠。

于 2013-11-02T08:25:40.840 回答