Question

不知道为什么这个Jquery ui没有在firefox上工作但是在chrome see here!!中工作。当我在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"});
        }
    });
});

Answer 1

我认为这是因为Chrome在你的CSS和JS路径中宽容你的错误斜线（它们应该是正斜杠，而不是反斜杠）而Firefox则不是。在尝试加载CSS和JS文件时，Firefox会出现“404 Not Found”错误。

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

Jquery-ui在Firefox中的localhost上正常工作但在服务器上没有工作吗？

1 个答案: