Jquery 使用JQ切换链接文本时出现问题
我尝试使用以下代码切换链接上的文本:Jquery 使用JQ切换链接文本时出现问题,jquery,toggle,Jquery,Toggle,我尝试使用以下代码切换链接上的文本: var showText="<span>Open</span> ↓"; var hideText="<span>Close</span> ↑"; $('h1').before('<a href="javascript:;" id="hc_toggle_close">' + showText + '</a>'); $('#hc_toggle_close'
var showText="<span>Open</span> ↓";
var hideText="<span>Close</span> ↑";
$('h1').before('<a href="javascript:;" id="hc_toggle_close">' + showText + '</a>');
$('#hc_toggle_close').click(function () {
$('#hc_toggle_close:contains("Open")').html(hideText);
$('#hc_toggle_close:contains("Close")').html(showText);
});
但它不起作用!和平常一样如果。。。其他建设。有人能告诉我这里出了什么问题吗。谢谢 使用切换辅助功能:
var showText="<span>Open</span> ↓";
var hideText="<span>Close</span> ↑";
$('h1').before('<a href="javascript:;" id="hc_toggle_close">' + showText + '</a>');
$('#hc_toggle_close').toggle(
function () {
$('#hc_toggle_close').html(hideText);
},
function () {
$('#hc_toggle_close').html(showText);
}
);
从toggle的文档中:
每当单击匹配的元素时,
第一个指定的函数被激发,
再次单击时,将显示第二个
解雇。所有后续单击都将继续
通过这两个函数进行旋转