Question

<div id="language-container">
    <form id="language_radio">  
        <input type="radio" value="//domain.tld/page.php?lang=02" name="language" id="alb">
        <label for="alb">Shqip</label>
        <input type="radio" value="//domain.tld/page.php?lang=03" name="language" id="eng">
        <label for="eng">English</label>
    </form>
</div>

<script type="text/javascript">
$("#language_radio input[type=radio]").change(function(event) {

    event.preventDefault();
        newLocation = $(this).val();
        $("body").fadeOut(800, newpage);
});
</script>

我想要完成的是，当选择一个单选按钮时，我想淡出整个身体，然后重定向到另一个页面。

然而，我似乎无法做任何事情。它不会淡出或重定向。

如何修复它（newb to JS）：）？

Answer 1

你可以通过

来做到这一点

$("#language_radio input[type=radio]").change(function(event) {
   event.preventDefault();
    $("body").fadeOut(1000,function(){
       window.location.href = $(this).val();
    })
 });

jsfiddle

Answer 2

您可以使用：

$("html").fadeOut();

因此：

<script type="text/javascript">
$("#language_radio input[type=radio]").change(function(event) {
    event.preventDefault();
    // This variable is useless
    // You can remove it if it's not
    // being used
    newLocation = $(this).val();
    $("html").fadeOut(800, function() {
        // Redirect to the newLocation here
        // similar behavior as clicking on a link
        window.location.href = newLocation;
    });
});
</script>

Answer 3

尝试：

<script type="text/javascript">
$("#language_radio input[type=radio]").change(function(event) {
    event.preventDefault();
    newLocation = $(this).val();
    $("html").fadeOut(800, function() {
        window.location.href = newLocation;
    });
});
</script>

onclick单选按钮淡出正文并重定向

3 个答案: