Jquery地址插件发布问题

发布于 2024-09-27 18:26:28 字数 1139 浏览 0 评论 0原文

您好，我正在学习使用 Jquery Address 插件，并且正在使用该教程这里

这是 html

<a href="test1.html" rel="address:/test1">Test 1</a><br />
<a href="test2.html" rel="address:/test2">Test 2</a>

Load Area: <br />
<div id="area"></div>

这是 Jquery 代码

function loadURL(url) {
        $("#area").load(url);
    }


    // Event handlers
    $.address.init(function(event))
.change(function(event) {
        $("#area").load($('[rel=address:' + event.value + ']').attr('href'));
    })

    $('a').click(function(){
        loadURL($(this).attr('href'));
    });

现在这个效果很好。不过我想在后退按钮上进行 POST 调用。所以我替换

$("#area").load($('[rel=address:' + event.value + ']').attr('href'));

为

var myhref = $('[rel=address:' + event.value + ']').attr('href');
$.post(myhref, function(data) {
        $('#area').html(data);
    });

This 引发控制台错误“this.value 不是函数”。

考虑到我对 Jquery（以及一般编程）的非常肤浅的了解，我在这里做错了什么？

原文

Hi I am learning to use the Jquery Address plugin, and am using the tutorial over
here

So here is the html

<a href="test1.html" rel="address:/test1">Test 1</a><br />
<a href="test2.html" rel="address:/test2">Test 2</a>

Load Area: <br />
<div id="area"></div>

And here is the Jquery code

function loadURL(url) {
        $("#area").load(url);
    }


    // Event handlers
    $.address.init(function(event))
.change(function(event) {
        $("#area").load($('[rel=address:' + event.value + ']').attr('href'));
    })

    $('a').click(function(){
        loadURL($(this).attr('href'));
    });

Now this works well. However I want to do a POST call on the back button. So I replace

$("#area").load($('[rel=address:' + event.value + ']').attr('href'));

with

var myhref = $('[rel=address:' + event.value + ']').attr('href');
$.post(myhref, function(data) {
        $('#area').html(data);
    });

This throws the console error "this.value is not a function".

Considering my very superficial knowledge of Jquery (& programming in general), what am I doing wrong here?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

逆光下的微笑 2024-10-04 18:26:28

噢，我希望有人能回答这个问题。我已经尝试将这个东西发布一天了。它只是想获得看起来的所有内容，但我不知道如何调整它来发布。

回复收藏 0 原文

听不够的曲调 2024-10-04 18:26:28

function loadURL(url) {
        $.post(url, function(data){
            $("#area").html(data);
        })
    }


    // Event handlers

    $(document).ready(function(){
        $("a").click(function(e){
            e.preventDefault();
            $.address.value($(this).attr("href"));
            $.post($(this).attr("href"), function(data){
                $("#area").html(data);
            })
            return false;
        })
    })

    $(document).ready(function(){
        $.address.init(function(event) { // Initates the address plugin
        }).externalChange(function(event) { //externalChange is browser back/fwd button/address bar
            if(event.path != "/"){
                loadURL(event.path);
            }
        })
    })

function loadURL(url) {
        $.post(url, function(data){
            $("#area").html(data);
        })
    }


    // Event handlers

    $(document).ready(function(){
        $("a").click(function(e){
            e.preventDefault();
            $.address.value($(this).attr("href"));
            $.post($(this).attr("href"), function(data){
                $("#area").html(data);
            })
            return false;
        })
    })

    $(document).ready(function(){
        $.address.init(function(event) { // Initates the address plugin
        }).externalChange(function(event) { //externalChange is browser back/fwd button/address bar
            if(event.path != "/"){
                loadURL(event.path);
            }
        })
    })

回复收藏 0 原文

~没有更多了~