我已经阅读并尝试了Stack Overflow的大量建议,但没有一个对我有用,迫使我亲自询问......
目前,我使用此代码来显示和隐藏部分内容,ID tb1
是我的内容所包含的div
标记。
<input type="button" value="Information" onclick="javascript:sizeTbl('block');" />
<a href="javascript:sizeTbl('none');">(<i>Close</i>)</a>
按钮是“信息”,我添加了一个关闭内容的可点击链接,因为我无法通过按钮注册javascript:sizeTbl('none');">(<i>Close</i>)
有人可以告诉我该怎么做,我试过在第一个onclick命令之后添加javascript:sizeTbl('none');">(<i>Close</i>)
就像这样
onclick="javascript:sizeTbl('block');javascript:sizeTbl('none');"
但它不起作用,我也尝试过以下链接修复,但无济于事。
How to call multiple JavaScript functions in onclick event?
Two onClick actions one button
如果需要这里是定义tb1
等的主JS。我也尝试直接在该脚本中添加一个新函数(因为我认为在外面调用tb1
可能会导致问题)
function sizeTbl(h) {
var tbl = document.getElementById('tbl');
tbl.style.display = h;
}
function sizeTb2(h) {
var tb2 = document.getElementById('tb2');
tb2.style.display = h;
}
function sizeTb3(h) {
var tb3 = document.getElementById('tb3');
tb3.style.display = h;
}
function sizeTb4(h) {
var tb4 = document.getElementById('tb4');
tb4.style.display = h;
}
$('#toggle-view').on('click', function()
{
var button = $(this);
if ( button.hasClass('view-page') )
{
ViewPage();
button.removeClass('view-page');
}
else
{
ViewMenu();
button.addClass('view-page');
}
});