如何使用JavaScript弹出窗口

Question

我面临ASP.NET MVC中的问题。在我的项目中;在地图上单击某个城市时，它会显示该城市项目的费率。

那是页面：

@model List<tbl_Proje>

@if (Model.Any())
{
    <div class="ProjelerPartial">

    @foreach (var item in Model)
    {
        <div class="ProjePartialGovde" data-id="@item.ID">
            <div class="ProjePartialAdi">@item.Adi</div>
            <div class="ProjelerPartialDetay">
                <div class="TamamlanmaOranlari">
                    <strong>Nakdi Tamamlanma Oranı</strong>
                    <div class="TamamlanmaOranlariCubuk" style="width:@(item.NakdiTamOrani)%;"></div>
                </div>
                <div class="TamamlanmaOranlari">
                    <strong>Fiziki Tamamlanma Oranı</strong>
                    <div class="TamamlanmaOranlariCubuk" style="width:@(item.FizikiTamOrani)%;"></div>
                </div>
            </div>
        </div>
    }
    </div>

<!-- Click Event -->
<script>
    $('div.ProjePartialGovde').click(function (el) {
        var projeid = $(this).data('id');
        $('.popupListe').html('içerik hazırlanıyor...');
        $.ajax({
            method: "get",
            url: '@Url.Action("ProjeOzetPartial", "Home")',
            data: { projeID: projeid,ilID:@ViewBag.ilID }
        })
            .done(function (msg) {
                $('.popupListe').html(msg);
            });
    });
</script>
}
else
{
    <text>There is no project for this city!</text>
}

当我点击费率时，这是有关项目数据的页面代码：

我想做的是：我想用弹出窗口打开这个窗口。

@model tbl_Proje

<h2>@Model.Adi</h2>

<div>
    <a href="#" class="ProjeListesiGeri"><-- </a>
</div>
<div>
    <div>Başlangıç/Bitiş Tarihleri: @Model.SozBasTarihi / @Model.SozBitisTarihi </div>
    <div>Nakdi ve Fiziki Tamamlanma Oranları: %@Model.NakdiTamOrani / %@Model.FizikiTamOrani</div>
</div>
<div>
    <a href="@Url.Action("Detay","Proje",new {ID=Model.ID })">Detayına Git</a>
</div>
<script>
    $('.ProjeListesiGeri').click(function (el) {
        $('.popupListe').html('içerik hazırlanıyor...');

        $.ajax({
            method: "get",
            url: '@Url.Action("ProjelerListesiPartial", "Home")',
            data: { ilID: @ViewBag.ilID }
        })
            .done(function (msg) {
                $('.popupListe').html(msg);
            });
        });
</script>

为了清晰起见，我会添加一张图片：