jQuery锚标记显示问题

Question

我无法显示锚标记以在Jquery或javascript中使用.show()进行显示。 默认情况下，“ Conn窗口”是可见的。 它会隐藏并显示div，但无法使用锚点执行相同操作。 我已经手动尝试在firebug / IE开发工具中对其进行更改，并且它在那里起作用。 当我使用jquery / javascript时，它只是不起作用。

这是HTML代码：

<a href="javascript:connShow();" id="connTab" style="display:none; text-decoration:none;"></a>
<div id="connWindow">Conn Window
    <div id="closeButton" onclick="javascript:connHide();"></div>
</div>

这是jQuery代码：

function connHide()
{
    $('#connTab').show();
    $('#connWindow').hide();
}

function connShow()
{
    $('#connWindow').show();
    $('#connTab').hide();
}

任何帮助将不胜感激！

Answer 1

为什么不同时在jQuery中绑定点击事件

function connHide()
{
    $('#connTab').show();
    $('#connWindow').hide();
}

function connShow()
{
    $('#connWindow').show();
    $('#connTab').hide();
}

$(document).ready(function () {
    $("#contab").click(function () { 
       connShow(); 
       return false;
    });
    $("#connWindow").click(function() { 
       connHide();
    });
});

Answer 2

您无需声明javascript: onclick事件。 尝试更改为：

<div id="closeButton" onclick="connHide();"></div>

我还将第一行更改为以下内容：

<a href="#" onclick="connShow(); return false;" id="connTab" style="display:none; text-decoration:none;"></a>

Answer 3

内联CSS display:none 覆盖 jQuery用于显示和隐藏的机制。

而是以编程方式隐藏锚点：

HTML：

<a href="#" id="connTab" style="text-decoration:none;"></a>
<div id="connWindow">
    Conn Window
    <div id="closeButton"></div>
</div>

脚本：

$(function() { // on document load
    $('#connTab').css('display', 'none');

    // I'm going to replace your inline JS with event handlers here:
    $('#connTab').click(function() { connShow(); return false; });
    $('#closeButton').click(function() { connHide(); });
});

function connHide() {
    $('#connTab').css('display', '');
    $('#connWindow').css('display', 'none');
}

function connShow() {
    $('#connWindow').css('display', '');
    $('#connTab').css('display', 'none');
}

希望能有所帮助。