Porque modal no me funciona en el Hosting
Publicado por Yoslandy (1 intervención) el 11/08/2019 18:06:15
Tengo un problema que no he podido resolver a pesar de lo tanto que he buscado en Internet. Tengo un modal en mi página que funciona en mi servidor local pero cuando publico mi proyecto en el hosting (SmarterASP.NET) carga el modal pero está vacío, es como si la ruta no lo estuviera cargando. con otro script que probé me arroja un error de ruta, pero no tengo idea de lo que realmente puede ser. Esta es la dirección de mi página donde tengo el problema http://newera-airconditioning.be/Home/Portfolio notarás que tengo un enlace de prueba en la parte superior de la imagen, que es un script y la imagen tiene el otro, ambos creo que me dan el mismo error
Mi Controlador
Mi Modal
MIs links para llamar el modal
Mis Scripts
Espero que alguien pueda ayudarme porque ya estoy agotado de buscar y no encontrar. Aclaro que tengo dos scripts porque estoy probando la aplicación y me da el mismo problema. Gracias por adelantado.
Mi Controlador
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
public async Task<IActionResult> Modals(int? id)
{if (id == null)
{return NotFound();
}var portfolio = await _context.Portfolio.Include(x => x.Image)
.SingleOrDefaultAsync(m => m.PortfolioId == id);
if (portfolio == null)
{return NotFound();
}return PartialView("Modals", portfolio);
}Mi Modal
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
@model NewEra.Models.MisModel.Portfolio
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<h3 class="text-uppercase">@Model.Name</h3>
<p class="item-intro text-muted">@Model.Description</p>
<img class="img-fluid d-block mx-auto" src="data:image/jpeg;base64,@Convert.ToBase64String(Model.Image.Picture)" alt="">
<p>Description</p>
<ul class="list-inline">
<li><span style="font-weight:bold">Date:</span> @Model.FechaDone.ToShortDateString()</li>
<li><span style="font-weight:bold">Client:</span> @Model.Cliente</li>
<li><span style="font-weight:bold">Modelo:</span> @Model.Modelo</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
MIs links para llamar el modal
1
2
<a href="javascript:void(0);" class="anchorDetail" data-id="@item.PortfolioId">Details</a>
<a class="portfolio-link" data-value="@item.PortfolioId">
Mis Scripts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
$(document).ready(function () {
$(".portfolio-link").click(function () {
var id = $(this).data("value");
$("#ContenedorModal").load("/Portfolios/Modals/" + id, function () {
$("#modal-container").modal("show")
});
});
});
var TeamDetailPostBackURL = '/Portfolios/Modals';
$(function () {
$(".anchorDetail").click(function () {
debugger;
var $buttonClicked = $(this);
var id = $buttonClicked.attr('data-id');
var options = { "backdrop": "static", keyboard: true };
$.ajax({
type: "GET",
url: TeamDetailPostBackURL,
contentType: "application/json; charset=utf-8",
data: { "Id": id },
datatype: "json",
success: function (data) {
debugger;
$('#myModalContent').html(data);
$('#myModal').modal(options);
$('#myModal').modal('show');
},
error: function () {
alert("Dynamic content load failed. " + TeamDetailPostBackURL);
}});
});
$("#closbtn").click(function () {
$('#myModal').modal('hide');
});
});
Espero que alguien pueda ayudarme porque ya estoy agotado de buscar y no encontrar. Aclaro que tengo dos scripts porque estoy probando la aplicación y me da el mismo problema. Gracias por adelantado.
Valora esta pregunta
0