JQuery: перейти на другую страницу, нажав кнопку

Question

JQuery: перейти на другую страницу, нажав кнопку

0

Я изучаю JavaScript и jQuery. Я пытаюсь создать простую веб-страницу с кнопками, которые переходят на другую страницу при нажатии через оператор switch-case.

Я добавил локальный сценарий jQuery в мой.html файл, но ничего не происходит, когда я нажимаю кнопки.

Демо можно найти здесь: http://jsfiddle.net/VmYLy/

Код html:

<head>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

 $("input[type='button']").click(function() {
     switch(this.id) {
         case 'x':
             window.location.href = "http://google.com"; 
             break;
         case 'y': 
             window.location.href = "http://yahoo.com"; 
             break;
         case 'z': 
             window.location.href = "http://stackoverflow.com"; 
             break;
            }
        });    
</head>

<body>        
    <input type="button" value="google" style="width:120px" id="x"><br>
    <input type="button" value="yahoo" style="width:120px" id="y"><br>
    <input type="button" value="stackoverflow" style="width:120px" id="z"><br>
</body>

undroid 22 март 2014, в 13:32

Источник

1

Вы на самом деле пробовали это на своей машине или просто в jsfiddle? Боюсь, вы не можете перенаправить в jsfiddle
G.Mendes 22 март 2014, в 12:18
0

Похоже, что он работает нормально, ошибка Fiddle Trows Отказ Refused to display 'http://stackoverflow.com/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
T J 22 март 2014, в 12:19
0

конечно, я пробовал это на моей машине. ничего не происходит: / как я могу быть уверен, что библиотека jquery правильно загружена в браузер?
undroid 22 март 2014, в 12:20
0

это не работает в jsfiddle, но когда вы смотрите в своей консоли, вы обнаружите следующее: загрузка запрещена X-Frame-Options: google.de/?gfe_rd=cr&ei=8X8tU5uSGMmK8Qeg7YCgDg не разрешает кадрирование между источниками.
Evolutio 22 март 2014, в 12:20
0

Что не так с использованием простого старого <a href=...> ?
greut 22 март 2014, в 12:20

Показать ещё 3 комментария

Теги:

javascript

jquery

html

switch-statement

1 ответ

Ещё вопросы

Вы на самом деле пробовали это на своей машине или просто в jsfiddle? Боюсь, вы не можете перенаправить в jsfiddle
Похоже, что он работает нормально, ошибка Fiddle Trows Отказ Refused to display 'http://stackoverflow.com/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
конечно, я пробовал это на моей машине. ничего не происходит: / как я могу быть уверен, что библиотека jquery правильно загружена в браузер?
это не работает в jsfiddle, но когда вы смотрите в своей консоли, вы обнаружите следующее: загрузка запрещена X-Frame-Options: google.de/?gfe_rd=cr&ei=8X8tU5uSGMmK8Qeg7YCgDg не разрешает кадрирование между источниками.
Что не так с использованием простого старого <a href=...> ?

T J · Accepted Answer · 2014-03-22T11-10-00.000Z

Он отлично работает в скрипке. я могу подумать только о том, чтобы обернуть ваш код в ready(). Это может не вызвать проблем в скрипке, поскольку вы выбрали опцию onLoad.

$(document).ready(function(){
    $("input[type='button']").click(function() {
        switch(this.id) {
            case 'x':window.location.href = "http://google.com"; break;
            case 'y': window.location.href="http://yahoo.com"; break;
            case 'z': window.location.href = "http://stackoverflow.com"; break;
        }
    });
})

оно работает! Спасибо! Не могли бы вы уточнить, почему мне нужно обернуть мой код в готовый оператор?
@AlexTal вам нужно убедиться, что сценарий выполняется после создания кнопок, если сценарий выполняется до этого, очевидно, что он не будет работать .. :) api.jquery.com/ready