Javascript 确认对话框仍提交链接时取消

我正在尝试在提交前确认链接并正确取消。下面是我的代码行：

= button_to 'Complete Disconnect', {:controller => 'disconnects', :action => 'physical_disconnect', :id => d.id }, :data => { :role => 'button', :confirm => 'Are You Sure?' }

我得到对话框，但单击“取消”时它会提交。我在这个页面上使用jquery mobile。我有什么好办法可以做到这一点吗

编辑

所以我也试过：

= link_to 'Complete Disconnect', {:controller => 'disconnects', :action => 'physical_disconnect', :id => d.id }, :class => "disconnect", :onclick => "return confirm('are you sure?')", :data => { :role => "button" }

使用这个脚本：

:javascript
  $('.disconnect').click(function(){
    var url = this.href
    if(confirm("You Sure?")){
      $.ajax({
        type:"POST",
        url: url,
        success: function(){
          console.log("Success")
        },
      });
    }
  });

---

Cancel仍然提交请求

Add

data rel=back

to Cancel按钮。不，确认对话框根本不会弹出。您使用的是JQM 1.4吗？如何调用该对话框？看起来我使用的是1.1.1:data=>{:role=>'按钮'，：confirm=>'确定吗？'}是设置confirm的代码，根据我所读的内容，它应该可以正常工作？