0

我有:

<a id = "button" style="display:inline"></a>
<a id = "buttonPressed" style="display:none"></a>

我正在使用

$('#button, #buttonPressed').click(function(event) {
    $('#button, #buttonPressed').toggle();
    //Do other stuff
})

“display:inline”按钮会根据需要更改为“display:none”,但“display:none”按钮会更改为 style="",而不是所需的“display:inline”。

我该如何解决这个问题?

4

3 回答 3

1

为这些标签添加一个类。创建一个在规则中强制内联显示的 css 规则。

于 2012-07-19T18:48:19.920 回答
0

这在jsfiddle中工作正常

因此,您的页面上可能还有其他一些冲突的代码?

于 2012-07-19T18:49:47.717 回答
0

你可以试试toggleClass()

.hidden {
   display: none
}

<a id="button">click1</a>
<a id="buttonPressed" class="hidden">click2</a>

$('#button, #buttonPressed').click(function(event) {
    $('#button, #buttonPressed').toggleClass('hidden');
})

演示

于 2012-07-19T18:50:58.233 回答