Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.08.2018, 13:02
Аспирант
Отправить личное сообщение для drakulawz Посмотреть профиль Найти все сообщения от drakulawz
 
Регистрация: 13.08.2018
Сообщений: 79

Не работают кнопки...
Здравствуйте!
Учу jQuery по учебнику. Сам учебник не плохой и, я бы сказал, очень хорошо сделан. Просто я, наверное, не внимательный...
В общем, есть такой скрипт:

$(document).ready(function () {
    var v = f;
    $('button #vegOn').click(function () {
        if (v == false) {
            $f = $(".fish").parent().parent().detach();
            $m = $('.meat').detach();
            $('.hamburger').replaceWith('<li class="portobello"><em>Portobello Mushroom</em></li>');
            $('.meat').after('<li class="tofu"><em>Tofu</em></li>');
            $('.tofu').parent().parent().addClass('veg_leaf');
            v = true;
        }
    });
    $('button #restorMe').click(function () {
        if (v == true) {
            $('.menu_entrees li').first().before($f);
            $('.portobello').replaceWith('<li class="hamburger">hamburger</li>');
            $('.tofu').each(function (i) {
                $(this).after($m[i]);
            });
            $('.tofu').remove();
            v = false;
        }
    });
});


Он должен, при нажатии кнопки, удалять/заменять некоторые элементы DOMа и, при нажатии другой кнопки, возвращать их. Судя по всему я что-то где-то не дообъявлял... Рассуждать особо не буду так как уже всё, что в моих силах, я проверил и это не помогло. Надеюсь на помощь знающих людей.

Последний раз редактировалось drakulawz, 13.08.2018 в 13:24.
Ответить с цитированием
  #2 (permalink)  
Старый 13.08.2018, 13:12
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,319

Сообщение от drakulawz
Учу jQuery по учебнику.
Начинай делать полные тестовые примеры.
Ответить с цитированием
  #3 (permalink)  
Старый 13.08.2018, 13:16
Аспирант
Отправить личное сообщение для drakulawz Посмотреть профиль Найти все сообщения от drakulawz
 
Регистрация: 13.08.2018
Сообщений: 79

Сообщение от ksa Посмотреть сообщение
Начинай делать полные тестовые примеры.
Не совсем понял, о чём речь?
Ответить с цитированием
  #4 (permalink)  
Старый 13.08.2018, 13:18
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

drakulawz,
HTML где?
Ответить с цитированием
  #5 (permalink)  
Старый 13.08.2018, 13:21
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,319

Сообщение от drakulawz
Не совсем понял, о чём речь?
Вот полный тестовый пример.
Получить последний выбранный в select multiple
Ответить с цитированием
  #6 (permalink)  
Старый 13.08.2018, 13:22
Аспирант
Отправить личное сообщение для drakulawz Посмотреть профиль Найти все сообщения от drakulawz
 
Регистрация: 13.08.2018
Сообщений: 79

Хотел добавить архив со всеми файлами но пишет, что не верный файл, такое же пишет при прикреплении файлов по одному, сейчас добавлю как есть:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <link rel="stylesheet" href="style/normalize.css">
    <link rel="stylesheet" href="style/clearfix.css">
    <link rel="stylesheet" href="style/style.css">
    <script src="script/jquery-3.3.1.js"></script>
    <script src="script/script.js"></script>
</head>
<body>
    <div id="menu_wraper">
        <div id="topper">
            <h2>Our Menu</h2>
            <ul>
                <li class="nav"><button id="vegOn">Go Vegetarian</button></li>
                <li class="nav"><button id="restorMe">Restore menu</button></li>
            </ul>
        </div>
        <h4>Dinner Entrees</h4>
        <div class="left_col">
            <ul class="menu_entrees">
                <li>
                    <p>Thai-style Halibut</p>
                    <ul class="menu_list">
                        <li>coconut milk</li>
                        <li class="fish">pan-fried halibut</li>
                        <li>early autumn vegetables</li>
                        <li>Thai spices</li>
                    </ul>
                </li>
                <li>
                    <p>Braised Delight</p>
                    <ul class="menu_list">
                        <li class="meat">lamb shoulder</li>
                        <li>cippolini onions</li>
                        <li>carrots</li>
                        <li>baby turnip</li>
                        <li>braising jus</li>
                    </ul>
                </li>
                <li>
                    <p>House Grilled Panini</p>
                    <ul class="menu_list">
                        <li class="meat">prosciutto</li>
                        <li>provolone</li>
                        <li>avocado</li>
                        <li>sourdough roll</li>
                    </ul>
                </li>
                <li><p>House Slider</p>
                    <ul class="menu_list">
                        <li>eggplant</li>
                        <li>zucchini</li>
                        <li class="hamburger">hamburger</li>
                        <li>balsamic vinegar</li>
                        <li>onion</li>
                        <li>carrots</li>
                        <li>multigrain roll</li>
                        <li>goat cheese</li>
                    </ul>
                </li>
                <li>
                    <p>Southwest Slider</p>
                    <ul class="menu_list">
                        <li>whole chiles</li>
                        <li class="hamburger">hamburger</li>
                        <li>pepperjack cheese</li>
                        <li>multigrain roll</li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="right_col">
            <ul class="menu_entrees">
                <li>
                    <p>Frittata</p>
                    <ul class="menu_list">
                        <li class="meat">eggs</li>
                        <li>Asiago cheese</li>
                        <li>potatoes</li>
                    </ul>
                </li>
                <li>
                    <p>Coconut Soup</p>
                    <ul class="menu_list">
                        <li>coconut milk</li>
                        <li class="meat">chicken</li>
                        <li>vegetable broth</li>
                    </ul>
                </li>
                <li>
                    <p>Soup Du Jour</p>
                    <ul class="menu_list">
                        <li class="meat">grilled steak</li>
                        <li>mushrooms</li>
                        <li>vegetables</li>
                        <li>vegetable broth</li>
                    </ul>
                </li>
                <li>
                    <p>Hot and Sour Soup</p>
                    <ul class="menu_list">
                        <li class="meat">roasted pork</li>
                        <li>carrots</li>
                        <li>Chinese mushrooms</li>
                        <li>chili</li>
                        <li>vegetable broth </li>
                    </ul>
                </li>
                <li>
                    <p>Avocado Rolls</p>
                    <ul class="menu_list">
                        <li>avocado</li>
                        <li>whole chiles</li>
                        <li>sweet red peppers</li>
                        <li>ginger sauce</li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>
Ответить с цитированием
  #7 (permalink)  
Старый 13.08.2018, 13:24
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,319

Сообщение от drakulawz
Хотел добавить архив со всеми файлами
Тестовый пример - это минимальный ХТМЛ и скрипт, иллюстрирующий проблему.
А не вся твоя страница целиком.
Ответить с цитированием
  #8 (permalink)  
Старый 13.08.2018, 13:26
Аспирант
Отправить личное сообщение для drakulawz Посмотреть профиль Найти все сообщения от drakulawz
 
Регистрация: 13.08.2018
Сообщений: 79

Сообщение от ksa Посмотреть сообщение
Вот полный тестовый пример.
Получить последний выбранный в select multiple
Понял - переделал...

Сообщение от ksa Посмотреть сообщение
Тестовый пример - это минимальный ХТМЛ и скрипт, иллюстрирующий проблему.
А не вся твоя страница целиком.
Так, а как же понять какой "кусок" кода мне показать, если я не знаю в чём ошибка?
Ответить с цитированием
  #9 (permalink)  
Старый 13.08.2018, 13:30
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,319

Сообщение от drakulawz
а как же понять какой "кусок" кода мне показать, если я не знаю в чём ошибка?
В этом и есть мастерство тестирования, которым нужно тебе овладеть.

Все сложное начинается с простого.
Если сделал простое - начинай его усложнять.

Иначе придется искать экстрасенсов или платить деньги за работу с твоим говнокодом.
Ответить с цитированием
  #10 (permalink)  
Старый 13.08.2018, 14:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,977

drakulawz,
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <style type="text/css">

    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
$(function () {
    $('#vegOn').click(function () {
            $('.hamburger').replaceWith('<li class="portobello"><em>Portobello Mushroom</em></li>');
            $('.meat').each(function() {
            var tofu = $('<li class="tofu"><em>Tofu</em></li>');
            tofu.data('meat', $(this))
            tofu.after(this);
            $('.tofu').parent().parent().addClass('veg_leaf');
            $(this).remove();
            });
            $(".fish").parent().parent().hide();

      });
    $('#restorMe').click(function () {
            $('.portobello').replaceWith('<li class="hamburger">hamburger</li>');
            $('.tofu').each(function () {
            $(this).data('meat').after(this);
            $(this).parent().parent().removeClass('veg_leaf');
            $(this).remove();
            });
            $(".fish").parent().parent().show();
    });
});



  </script>

</head>
<body>
    <div id="menu_wraper">
        <div id="topper">
            <h2>Our Menu</h2>
            <ul>
                <li class="nav"><button id="vegOn">Go Vegetarian</button></li>
                <li class="nav"><button id="restorMe">Restore menu</button></li>
            </ul>
        </div>
        <h4>Dinner Entrees</h4>
        <div class="left_col">
            <ul class="menu_entrees">
                <li>
                    <p>Thai-style Halibut</p>
                    <ul class="menu_list">
                        <li>coconut milk</li>
                        <li class="fish">pan-fried halibut</li>
                        <li>early autumn vegetables</li>
                        <li>Thai spices</li>
                    </ul>
                </li>
                <li>
                    <p>Braised Delight</p>
                    <ul class="menu_list">
                        <li class="meat">lamb shoulder</li>
                        <li>cippolini onions</li>
                        <li>carrots</li>
                        <li>baby turnip</li>
                        <li>braising jus</li>
                    </ul>
                </li>
                <li>
                    <p>House Grilled Panini</p>
                    <ul class="menu_list">
                        <li class="meat">prosciutto</li>
                        <li>provolone</li>
                        <li>avocado</li>
                        <li>sourdough roll</li>
                    </ul>
                </li>
                <li><p>House Slider</p>
                    <ul class="menu_list">
                        <li>eggplant</li>
                        <li>zucchini</li>
                        <li class="hamburger">hamburger</li>
                        <li>balsamic vinegar</li>
                        <li>onion</li>
                        <li>carrots</li>
                        <li>multigrain roll</li>
                        <li>goat cheese</li>
                    </ul>
                </li>
                <li>
                    <p>Southwest Slider</p>
                    <ul class="menu_list">
                        <li>whole chiles</li>
                        <li class="hamburger">hamburger</li>
                        <li>pepperjack cheese</li>
                        <li>multigrain roll</li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="right_col">
            <ul class="menu_entrees">
                <li>
                    <p>Frittata</p>
                    <ul class="menu_list">
                        <li class="meat">eggs</li>
                        <li>Asiago cheese</li>
                        <li>potatoes</li>
                    </ul>
                </li>
                <li>
                    <p>Coconut Soup</p>
                    <ul class="menu_list">
                        <li>coconut milk</li>
                        <li class="meat">chicken</li>
                        <li>vegetable broth</li>
                    </ul>
                </li>
                <li>
                    <p>Soup Du Jour</p>
                    <ul class="menu_list">
                        <li class="meat">grilled steak</li>
                        <li>mushrooms</li>
                        <li>vegetables</li>
                        <li>vegetable broth</li>
                    </ul>
                </li>
                <li>
                    <p>Hot and Sour Soup</p>
                    <ul class="menu_list">
                        <li class="meat">roasted pork</li>
                        <li>carrots</li>
                        <li>Chinese mushrooms</li>
                        <li>chili</li>
                        <li>vegetable broth </li>
                    </ul>
                </li>
                <li>
                    <p>Avocado Rolls</p>
                    <ul class="menu_list">
                        <li>avocado</li>
                        <li>whole chiles</li>
                        <li>sweet red peppers</li>
                        <li>ginger sauce</li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работают радио кнопки которые генерируются JS Apelcun77 Общие вопросы Javascript 6 18.03.2014 18:39
никак не пойму по какой причине не работают кнопки Reddi Общие вопросы Javascript 12 20.12.2013 11:17
Не работают кнопки в wysiwyg-редакторе lokifc Internet Explorer 2 22.10.2012 23:08
не работают кнопки...навожу, например, на ВХОД и ничего, внизу javascript:login... dasha Общие вопросы Javascript 5 29.10.2009 21:38
не работают функции при их вызове(не отображаются кнопки) badfilin Общие вопросы Javascript 0 08.04.2008 19:18