jQuery и LinkButtons, или обычные кнопки и CSS

Question

На моей главной странице есть небольшой контроль входа.В элементе управления входом я использую LinkButton для кнопки «Отправить», потому что мне нравится, как она выглядит.

Однако я также использую jQuery для захвата при нажатии клавиши «Ввод» в любомтекстовые поля контроля входа в систему.Трудно вызвать событие нажатия кнопки ссылки с jQuery в каждом браузере.Я даже пытался жестко кодировать __doPostBack, но идентификатор LinkButton лишь немного отличается от того, что содержится во встроенном атрибуте href = "__ doPostBack" в элементе управления.Он не отвечает на .trigger (), click () и т. Д.

С другой стороны, обычный элемент управления Button отлично работает с jQuery click ().Но я не большой поклонник того, как выглядят кнопки, и мои навыки CSS ограничены.Есть ли простой способ стилизовать обычный элемент управления ASP.NET, чтобы он выглядел как ссылка?Или есть простой способ заставить LinkButton вести себя с jQuery?Я выберу тот метод, который требует меньше усилий.:)

Заранее спасибо.

Answer 1

Вы можете получить точный JavaScript, который запускает LinkButton, используя ClientScriptManager :

string postbackFunction = this.Page.ScriptManager.GetPostBackEventReference(myLinkButton, "");

string jQueryBlock = @"$('#loginbox').keypress(function(e){
    if(e.which == 13) {" + postbackFunction + ";}});

//print the jQueryBlock to the page

Он выведет вызов функции JS, который выглядит примерно так:

__doPostBack('linkButtonID','', 0);

Answer 2

Конечно, это не проблема для стиля <input type="submit"> и <button> элементов с помощью CSS:

input.button,
button {   
    margin: 0;
    padding: 0;   

    color: blue;
    background: none;
    border: 0;   

    cursor: pointer;
}

Вы можете посмотреть, как это выглядит здесь .

Однако следует помнить, что стилизация кнопок не всегда последовательно применяется кросс-браузерно. Вот пост , показывающий разницу в рендеринге в разных браузерах и ОС. Другими словами, убедитесь, что ваши целевые браузеры правильно применяют вышеуказанное.