Javascript jQuery内联if语句
我使用以下代码切换Javascript jQuery内联if语句,javascript,jquery,function,if-statement,anonymous-function,Javascript,Jquery,Function,If Statement,Anonymous Function,我使用以下代码切换标记的文本: $(function() { $(".button-table-holder").click(function () { $('.tableHolder').slideToggle(500); return false; }); var text = $('.button-table-holder').text(); $('.button-table-holder').text(text == "S
标记的文本:
$(function() {
$(".button-table-holder").click(function () {
$('.tableHolder').slideToggle(500);
return false;
});
var text = $('.button-table-holder').text();
$('.button-table-holder').text(text == "Show full product specifications" ? "Hide" : "Show full product specifications");
});
文本似乎停留在显示完整的产品规格,虽然。。。我希望它在我每次单击链接时都会发生更改。如果您希望每次单击时都会发生一些事情,那么它应该包含在
单击功能中(在本例中为.button table holder)
在当前形状中,最后一条指令只执行一次。更改文本的代码不会放在click listener中。你应该这样做:
$(".button-table-holder").click(function () {
var text = $('.button-table-holder').text();
$('.button-table-holder').text(text == "Show full product specifications" ? "Hide" : "Show full product specifications");
});
您没有将调整文本的两行放在click事件处理程序中,这意味着它们只运行一次(当文档准备就绪时)。请尝试以下方法:
$(function() {
$(".button-table-holder").click(function () {
$('.tableHolder').slideToggle(500);
var text = $('.button-table-holder').text();
$('.button-table-holder').text(text == "Show full product specifications" ? "Hide" : "Show full product specifications");
return false;
});
});
请共享html以及更改文本的代码,这些代码应位于单击处理程序中