【问题标题】:JQuery / Gridster Any Working ExampleJQuery / Gridster 任何工作示例
【发布时间】:2015-02-17 17:26:55
【问题描述】:

我一直在寻找 Gridster.js 拖放功能的基本工作示例,但我在网上尝试了 3 种不同的示例,但似乎无法让它们在本地或 FTP 之后为我工作。

我的源代码在这里http://hcs-it.com/gridster.html

请任何人帮助我开始这方面的工作,我已经订购了一本关于功能的书并期待阅读,但希望在接下来的一两天内开始这个项目。

谢谢各位!永远乐于助人

【问题讨论】:

    标签: javascript jquery html css gridster


    【解决方案1】:

    直接试用他们的网站:

    http://gridster.net/

    他们有出色的文档,以及涵盖各种场景的一系列演示。

    看起来您使用的是 jQuery 2.1.3,而他们使用的是 1.10.2。由于 jQuery 是 gridster.js 的主要依赖项,我将使用他们在演示示例中使用的相同版本。

    使用

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    

    或者直接下载正确的版本

    看这个小提琴:

    http://jsfiddle.net/tuipopenoe/jnhb3yp2/

    【讨论】:

    • 我将我的 JQuery 版本更改为 v1.11.2,可在他们的网站上找到,但似乎无法获得任何来源。甚至似乎无法让我的 js 按钮单击工作。?
    • 试用了这个对他们很有用的示例gridster.net/demos/custom-drag-handle。但是,我已经从 CSS 和 JS 和 HTML 复制了 Source,但我的看起来像这样。 hcs-it.com/gridster.html 就是不明白为什么??
    • 无法加载您的本地 gridster.js 副本。为什么不使用 CDN 并节省带宽?试试&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.gridster/0.5.6/jquery.gridster.min.css"&gt;&lt;/script&gt;
    • 好的,谢谢。但是现在改了,还是不行。你是怎么调试的?
    • Chrome 开发者控制台。在 Chrome 中查看页面时按 f12。 developer.chrome.com/devtools/docs/console
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多