Как предотвратить перенаправление href на внешнюю страницу.

Question

У меня есть файл Index.Html, который я хочу открыть внутри мода загрузочного мода, не выходя из самого модала. Существенно действует как внутренняя связь. Я пытаюсь сделать это с помощью ASP.net mvc. Это место генерируется из Captivate 9, и я пытаюсь добавить один слайд в качестве образца в режимном

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"; 
} 

Modal:

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

Answer 1

Что-то я писал, что аналогичен этому, используется Ajax. Я не уверен, что вы хотите пройти этот маршрут, но, по крайней мере, стоит попробовать! Все, что вам нужно добавить, это идентификатор btnCreate на каком-то элементе, который вы нажимаете, и он должен работать!

<!-- 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 about - это просто заполнитель вашего контента, который вы хотите загрузить.

Этот сценарий просто открывает окно и загружает содержимое. Почти перехватите его от вашего контроллера. Это может быть ваш 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; 
    }); 
}