Question

如果我的页面中有链接。我想在触发某些事件后更改其href属性我是如何做到的

按钮

<a id="btn-start" href="/dashboard/save/{{ pk }}" class="btn btn-primary btn-embossed">Save Reward</a>

的Javascript

$( "#sortable1 div" ).sortable({
        connectWith: "div",
        stop: function( event, ui ) {

            if($('#sortable2').find('img').length==6) {
                $('#btn-start').html("<a id='btn-start' href='/dashboard/redeem/{{ pk }}' class='btn btn-danger' >Redeem Coupon</a>");
            }
        }
    });

Answer 1

html()会更改元素的内部HTML 。因此，您的代码会在<a>元素中添加另一个#btn-start元素。

您可以使用prop()函数更改实际的HTML属性（和属性）：

if($('#sortable2').find('img').length == 6) 
{
    $('#btn-start').prop('href', '/dashboard/redeem/{{ pk }}');
}

Answer 2

$('#btn-start').attr ('href', "http://sample");

Answer 3

根据您的代码，您可以更改“＃btn-start”的href，class和innerhtml。如果以下是工作代码

 $('#btn-start').attr('href=','/dashboard/redeem/{{ pk }}')
 .attr('class','btn btn-danger').html('Redeem Coupon');

使用html（）函数更改链接href属性

3 个答案: