单击链接时确认框

时间:2010-04-26 20:30:53

标签: javascript jquery

<script type="text/javascript">
    $("a.route").live('click', function() { // live is better
        $("#results").load( $(this).attr('href') );
        return false;
    });
</script>  

那是代码,我怎样才能合并你刚给我的代码?

2 个答案:

答案 0 :(得分:2)

如果用户单击“确定”按钮,则Confirm对话框返回true;如果用户单击“取消”按钮,则返回false。如果他们单击“确定”,您可以使用此值来触发脚本:

<script type="text/javascript">
    $("a.route").live('click', function() {
        if (confirm("Are you sure?")) {
            $("#results").load( $(this).attr('href') );
        }
        return false;
    });
</script>

答案 1 :(得分:0)

如果您想使用自定义框,您可以这样做:

测试链接:http://jsfiddle.net/myDry/

function blockmeornot(extlink) {
    var oherf = $(extlink).attr('href')
    var msgboxID = 'areyousure'
    var msgbox = '<div id="' + msgboxID +'"><div><p> put your message here </p><a class="yes" href="' + oherf + '"> yes </a> <a class="no" href="#"> no </a></div></div>'
    $('body').append(msgbox)
    $('#' + msgboxID + ' a.no').live('click', function(){ $('#' + msgboxID).fadeOut(400, function(){$(this).remove()}) })
}

$('a.external').click(function(){ blockmeornot(this); return false })