如何更改jQuery panel href？

Question

我有一个带有向面板的href的记录。 在不同的状态下，我希望该按钮打开不同的面板。 我尝试更改href，但这似乎还不够，因为该按钮始终会打开原始面板。

一条记录是这样定义的...

  <li><a href="#panel1" id="Xpanel" class="icon fa-crop">&nbsp;</a>

单击时，将显示panel1，并且效果很好...

我正在为这样的记录更改href ...

   var id = document.getElementById('Xpanel');
   $(id).attr('href', "#panel2");

在Safari调试器中，我可以看到一切都在变化，但是该按钮始终打开原始的＃panel1。

我是否需要以某种方式重新绑定记录href？

Answer 1

无需使用document.getElementById()来获取元素，然后再使用jQuery即可。 根据您的标记，以下代码应该可以工作：

// Use jQuery's id selector
$("#Xpanel").attr('href', "#panel2");

如果上面的代码不够用，那么我将查看触发以上代码的事件。 在用户点击链接之前被调用吗？

看一下jQuery的选择器docs 。

Answer 2

听起来您好像正在Xpanel上创建一个具有局部范围变量的事件侦听器，即Xpanel的href 。 如果您更新href则事件监听器在触发时不会使用更新的值。 创建侦听器时，它将使用原始值。

Answer 3

尝试这种方式：

var id = $('#XPanel');
id.attr('href', "#panel2");