Я пытаюсь реализовать простой наложение сетки плагин Jquery - PullRequest
Новая
       13

Я пытаюсь реализовать простой наложение сетки плагин Jquery

0 голосов
/ 14 декабря 2010

ОБНОВЛЕНИЕ: Я решил просто загрузить демо-версию с веб-сайта и создать сайт из нее как шаблон, и это работает, я не уверен, что я сделал неправильно, но я все еще могу Похоже, это все равно спасибо за помощь.

Я дошел до того, что появляется кнопка, мне нужно нажать, чтобы показать мое наложение. Однако, когда я нажимаю кнопку, ничего не происходит, это может быть проблема пути, но я уверен, что это не так. Вы можете просматривать сайт в режиме реального времени @ 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>

Ответы [ 3 ]

1 голос
/ 20 декабря 2010

Вам не хватает opts.grid_id, поэтому созданный вами div имеет id="undefined", и поэтому он не работает. И высота элемента container_12 устанавливается равной 0px.

1 голос
/ 20 декабря 2010

Я не уверен, что это пыталось сделать: 

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

Есть ли код, который заставляет ссылку работать в левом верхнем углу? Если вы пытаетесь загрузить размол при загрузке страницы, вам понадобится: 

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

Если вы хотите, чтобы сетка включалась при нажатии этой кнопки, назначьте идентификатор для div и сделайте это так - в данном случае, это идентификатор «gridSwitch»: 

$(document).ready(function() {
    $("#gridSwitch").click(function(evt) {
        $("body").addGrid(12, {img_path: 'images/'});
    });
});
0 голосов
/ 21 декабря 2010

Я решил просто скачать демо с сайта и построить сайт из него как шаблон, и это работает, я не уверен, что я сделал неправильно, но я все еще не могу исправить это, спасибо за помощь в любом случае , Ссылка http://www.badlydrawntoy.com/2009/04/21/960gs-grid-overlay-a-jquery-plugin/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...