如何防止href重定向到外部页面。

我有一个Index.Html文件，我想在引导模式中打开而不退出模式本身。本质上充当内部链接。我正在尝试使用ASP.net mvc来做到这一点。正在从Captivate的9生成此位置，我试图添加一个幻灯片作为样品放入模态如何防止href重定向到外部页面。

的Javascript：

var modal3 = document.getElementById('myModal3'); 
var img3 = document.getElementById('myImg3'); 
var modalImg3 = document.getElementById("img03"); 
img3.onclick = function() { 
    modal3.style.display = "block"; 

} 

var span = document.getElementsByClassName("close")[2]; 
span.onclick = function() { 
    modal3.style.display = "none"; 
}

模态：

<div id="myModal3" class="modal"> 
    <span class="close" style="color:white">×</span> 
</div>

来源

2016-12-08 Joshua

东西我写的类似于使用Ajax。我不确定你想要走这条路，但至少值得一试！所有你需要添加的是你点击的某个元素上的btnCreate ID，它应该可以工作！

<!-- modal placeholder--> 
<div id='myModal' class='modal fade in'> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div id='myModalContent'></div> 
     </div> 
    </div> 
</div>

关于html的内容只是您要加载的内容的占位符。

该脚本只是打开窗口并加载内容。几乎从您的控制器截取它。这可以是您想要加载到此Modal窗口中的PartialView！

$(function() { 
    $.ajaxSetup({ cache: false }); 

    $("body").on("click", "#btnCreate", function (e) { 
     $('#myModalContent').load(this.href, function() { 
      $('#myModal').modal({ 
       backdrop: 'static', 
       keyboard: true 
      }, 'show'); 
      bindForm(this); 
     }); 

     return false; 
    }); 
});

然后关闭模态窗口。

function bindForm(dialog) { 
    $('form', dialog).submit(function() { 
     $.ajax({ 
      url: this.action, 
      type: this.method, 
      data: $(this).serialize(), 
      success: function (result) { 
       if (result.success) { 
        $('#myModal').modal('hide'); 
       } else { 
        $('#myModal').modal('hide'); 
       } 
      } 
     }); 
     return false; 
    }); 
}

来源

2016-12-08 21:31:22 Jared

你好，谢谢。我感谢你的回答，我会尝试这项工作，但我不知道ajax是可能的，因为这是从部分调用。 – Joshua

只要您将ActionResult返回给客户端，初始绑定应该抓住并将其插入模态窗口中。可能需要一些玩弄。 – Jared

如何防止href重定向到外部页面。

回答

相关问题