Question

请帮我解决这个问题。

我有一个代码http://jsfiddle.net/vop50rct/的链接，它在jsfiddle中正常工作，但如果我在localhost中放入相同的东西，它的工作没有任何特定原因？我还检查了javascripts和jquery一切都是正确嵌入的（其他jsfiddle代码工作正常）。

任何人都可以指导我如何放置此代码。

HTML：

<head>
    <title>Page</title>  
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" media="screen" rel="stylesheet" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
</head>

jQuery：

_mouseDrag: function(event) {
    var self = this;
    this.dragged = true;

    if (this.options.disabled)
      return;

    var options = this.options;

    var x1 = this.opos[0], y1 = this.opos[1], x2 = event.pageX, y2 = event.pageY;
    if (x1 > x2) { var tmp = x2; x2 = x1; x1 = tmp; }
    if (y1 > y2) { var tmp = y2; y2 = y1; y1 = tmp; }
    this.helper.css({left: x1, top: y1, width: x2-x1, height: y2-y1});

    this._trigger("drag", event);

    return false;
},

Answer 1

I resolved the issue.

i put in all jQuery code in to document.ready function.

    $(document).ready(function() {
do your code here....
}

Answer 2

如何将JQuery代码嵌入到HTML文件中？从你的HTML片段中我可以看到你只加载了与JQuery相关的脚本，但你的JQuery代码并没有在任何地方执行。

您可以浏览到您的jsfiddle示例，看看最终代码（在结果框架中）是如何组合的。

代码正在jsfiddle中工作，但不能在我的网站上工作

2 个答案: