Question

更新： 我决定只是从网站上下载该演示并从中构建网站作为模板，这样可行，我不知道我做错了什么，但我仍然无论如何都无法解决这个问题。

我已经到了按钮显示的位置，我需要点击以显示我的叠加层。但是当我点击按钮时没有任何反应，这可能是一个路径问题，但我确信它不是。您可以实时查看网站@ http://www.mrskitson.ca/revised有用户名（堆栈）和密码（堆栈）。我一直在关注http://www.badlydrawntoy.com/2009/04/21/960gs-grid-overlay-a-jquery-plugin/

的教程

任何帮助都会很棒！

安德斯。

按钮位于左上角。

以下代码

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Mr's Kitson.ca | KINDERGARTEN | A child's garden.</title>

<!-- 960 -->
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/text.css" />
    <link rel="stylesheet" href="css/960.css" />
<!-- 960 ENDS -->

<!-- CSS -->
    <link rel="stylesheet" type="text/css" href="css/body.css" />
<!-- CSS ENDS -->






</head>
<body>
    <div class="container_12" >
        <h1 class="title">Mr's Kitson.ca | KINDERGARTEN | a child's garden.</h1>

            <img src="images/Mr's-Kitson.ca-(logo).png" alt="Mr's Kitson.ca | KINDERGARTEN | a child's garden." class="grid_4" />

    </div>
<!-- CONTAINER 12 ENDS-->   

<!-- javascript 960 OVERLAY courtesy of www.badlydrawntoy.com -->
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.960grid-1.0.min.js"></script>
    <script type="text/javascript">
        /*<![CDATA[*/
    // onload
    $(function() {
        $("body").addGrid(12, {img_path: 'images/'});
    });
/*]]>*/
    </script>
<!-- OVERLAY ENDS-->
</body>
</html>

Answer 1

我不确定这是做什么的：

$(function() {
    $("body").addGrid(12, {img_path: 'images/'});
});

是否有代码使链接在左上角工作？如果你试图在页面加载时加载grind，你会想要这个：

$(document).ready(function() {
    $("body").addGrid(12, {img_path: 'images/'});
});

如果您希望在单击该按钮时打开网格，请为div指定一个id并按照这样的方式执行 - 在这种情况下，id为“gridSwitch”：

$(document).ready(function() {
    $("#gridSwitch").click(function(evt) {
        $("body").addGrid(12, {img_path: 'images/'});
    });
});

Answer 2

您遗漏了opts.grid_id，因此您创建的div有id="undefined"，因此无效。并且container_12元素的高度设置为0px。

Answer 3

我决定只是从网站上下载该演示并从它构建网站作为模板，这是有效的，我不知道我做错了什么，但我仍然似乎无法解决它，谢谢你的帮助无论如何。链接为http://www.badlydrawntoy.com/2009/04/21/960gs-grid-overlay-a-jquery-plugin/

我正在尝试实现一个简单的网格覆盖Jquery插件

3 个答案: