Показать тег привязки на странице ASP.Net с JQuery - PullRequest
Новая
       3

Показать тег привязки на странице ASP.Net с JQuery

0 голосов
/ 28 июля 2010

У меня есть страница ASP.Net, на которой у меня есть html якорный тег, и я установил для свойства visible значение false.Я хочу сделать это видимым с JQuery, но не могу заставить его работать.Я пытался использовать селектор для самого тега привязки, а также селектор класса, но ни один из них не имеет никакого эффекта.Вот разметка для тега привязки: 

<a runat="server" class="reg" visible="false" id="RegisterSoftwareTab" href="../RegisterSoftware.aspx">Register Software</a>

А вот код JQuery: 

<script type="text/javascript" >
    $(document).ready(function() {
        $('a').attr("visible", "true");
        $('a').show();
        $('.reg').attr("visible", "true");
        $('.reg').show();
    });
</script>

Ответы [ 2 ]

1 голос
/ 28 июля 2010

Установите style на none для тега привязки: 

<a runat="server" class="reg" style="display: none;" id="RegisterSoftwareTab" href="../RegisterSoftware.aspx">Register Software</a>

Затем, чтобы показать это, используйте $('a').show();

1 голос
/ 28 июля 2010

visible - неверный атрибут для использования;это не определено стандартом HTML.Атрибут Visible можно использовать только в элементе управления ASP.NET, например asp:Button;Visible="false" будет отображаться в style="display:none", который совместим с HTML.

Если вы хотите скрыть свой элемент с помощью обычного тега HTML, попробуйте использовать свойство CSS display непосредственно в HTMLtag: 

<a runat="server" class="reg" style="display:none;"  id="RegisterSoftwareTab" href="../RegisterSoftware.aspx">Register Software</a>

Что делает метод show(), это переключает стиль элемента на display:inline;, поэтому в этом случае вы должны вызывать только $('.reg').show() или $('a').show(), без необходимости изменятьdisplay Свойство CSS напрямую с использованием метода attr(): 

<script type="text/javascript" >
    $(document).ready(function() {
        $('a').show();
    });
</script>
...