Question

我的html模板中有一个电子邮件按钮，点击该按钮会打开一个对话框，显示用户的电子邮件。在那个电子邮件下面我有一个链接（在对话框中）。我需要在打开该对话框之前将其转换为jquery按钮。

我可以手动将其转换为带有

的按钮

alertDialog.find('a').button();

但我不想将其用作can，因为渲染速度很慢。

请你帮忙

Answer 1

试试这个： -

alertDialog.find('a').addClass("yourClass");

.yourClass{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

Answer 2

使用replaceWith jQuery方法：

alertDialog.find('a').each(function (_, e) {
    $(e).replaceWith($('<button/>', {
        text: e.innerHTML
    }).on('click', function () {
        window.location.href = e.href;
    }))
});

DEMO

Jquery - 将链接转换为对话框中的按钮

2 个答案: