根据点击的链接名称设置 cookie

Question

TLDR点击链接时，我想分配一个cookie，其名称为仪器名称和点击链接上的文本值。

使用 Jquery.1.4.2.min.js、Jquery.cookie.1.0.js

---

我正在尝试在单击链接时创建一个 cookie（将始终链接到“page.html”）。

乐器名称

文本的值

到目前为止，我正在尝试使用：

<script type="text/javascript" src="scripts/jquery-1.4.2-min.js"></script> 
<script type="text/javascript" src="scripts/jquery.cookie-1.0.js"></script>  

链接1：

<a href="page.html">link1</a>

链接2：

<a href="page.html">link2</a>

脚本：

$('a[href=page.html]').click(function()
{
var name = 'instrument';
var value = $(this).text();
$.cookie(name, value, { expires: 365 });
});

当我点击链接时，它只是加载链接并且没有设置 cookie。 使用 firebug、firecookie、firequery 进行调试。没有找到仪器的 cookie 或任何类似的东西。 Onload我会打的

“<a href="page.html">projects</a>”但不是

“$.cookie(name, value, { expires: 365 });”。

即使使用以下内容：（感谢Sarfraz）

$('a[href="page.html"]').click(function(e)
{
 // prevent default action
 e.preventDefault();
 var name = 'instrument';
 // get link text
 var value = $(this).text();
 // set cookie
 $.cookie(name, value, { expires: 365 });
 // now go to link's location
 document.location.href = $(this).attr('href');
});

仍然不会创建 cookie。

如果我在$.cookie~ 上添加断点，即使单击其中一个链接也不会命中 断点也不是document.location.href~.

对于扎克：

预渲染 - <script type="text/javascript" src="http://localhost/tree"></script>

渲染后 -

"<div class="dtree">
<div class="dTreeNode"><img alt="" src="Images/base.png" id="id0"><a onclick="javascript: d.s(0);" href="home" class="node" id="sd0">Home</a></div>"

Answer 1

这有点骇人听闻，但它对我有用。

$(document).ready( function() {
    $('a.cookier').each( function() {
        // Kill the link's link feature.
        _href = $(this).attr('href');
        $(this).attr("rel", _href).attr("href", "javascript:void(0);");
    });
    $('a.cookier').click(function() {
        var name = 'instrument';
        var value = $(this).text();
        $.cookie(name, value, { expires: 365 });
        // Go places
        document.location.href = $(this).attr('rel');
    });
});

我的标记如下所示：

<a class="cookier" href="hrrrngh.html">Shazam!</a>

我使用类似的方法“取消链接”我在使用 AJAX 但必须优雅降级的页面上的链接。

注意：您可能希望选择比“cookier”更经典的类。

编辑：

您可以选择其中的<a> 与其中的任何一个，选择不选择页面上的其他内容。

.dtree img + a
.dTreeNode > a
.dTreeNode a.node
.dTreeNode a[onclick=|javascript].node

Answer 2

var value = $(this);

将 jQuery 对象赋值给值。使用

var value = $(this).text();

或

var value = $(this).attr('href');

Answer 3

试试这个：

$('a[href="page.html"]').click(function(e)
{
 // prevent default action
 e.preventDefault();
 var name = 'instrument';
 // get link text
 var value = $(this).text();
 // set cookie
 $.cookie(name, value, { expires: 365 });
 // now go to link's location
 document.location.href = $(this).attr('href');
});

Answer 4

使用上面 Zack 的答案，我更改了元素标签。 唯一的问题是它会为跟随的任何链接设置 cookie，无论它是否是我想要的链接，但它会设置 cookie 并在需要的地方工作。 如果有更清洁的方法，将不胜感激。

$(document).ready( function() {
    $('a[href="page.html"]').each( function() {
        // Kill the link's link feature.
        _href = $(this).attr('href');
        $(this).attr("rel", _href).attr("href", "javascript:void(0);");
    });
    $('a').click(function() {
        var name = 'instrument';
        var value = $(this).text();
        $.cookie(name, value, { expires: 365 });
        // Go places
        document.location.href = $(this).attr('rel');
    });
});

非常感谢 Sarfraz 和 Zack 的所有帮助，至少我现在有一些东西可以使用 ^^