如何从jQuery对话框中的链接

时间:2019-02-01 17:15:09

标签: javascript php jquery

我对如何遵循用PHP创建的链接有疑问。 链接被单击后,将调用jquery对话框,并单击其“确定”按钮后,代码应遵循PHP创建的链接。

同伴是代码的一部分。

        echo "<a href='usunProdukt.php?name=".$T_nazwa."' class='confirmation'><img src='pictures/cross16.jpg' width='10' height='10' /></a>" ;

        echo "</td>" ;
        echo "</tr>";
}

mysqli_close($conn);

?>


<div id="dialog-message" title="Usuwanie produktu">
        <p>
        <span class="ui-icon ui-icon-help" style="float:left; margin:0 7px 50px 0;"></span>Czy chcesz usunąć wybrany produkt?
        </p>
        <p>
        Naciśnij OK aby kontynuować.
        </p>
</div>


<script type="text/javascript">

        $("#dialog-message").hide();
        $('.confirmation').on('click', function(e) {
                e.preventDefault();
                $("#dialog-message").dialog({
                modal: true,
                buttons: {
                        Ok: function() {
                        $(this).dialog("close");
                        //window.location.href = "glowny.php?akcja=produkty";
                        },
                        Cancel: function() {
                        $(this).dialog("close");
                        }
                }
        });
});

</script>

链接应为<a href='usunProdukt.php?name=".$T_nazwa."等。

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

Apokryfos发布了非常适合我的代码。 工作代码如下:

        echo "<a href='usunProdukt.php?name=".$T_nazwa."' class='confirmation'><img src='pictures/cross16.jpg' width='10' height='10' /></a>" ;

        echo "</td>" ;
        echo "</tr>";
}

mysqli_close($conn);

?>


<div id="dialog-message" title="Usuwanie produktu">
        <p>
        <span class="ui-icon ui-icon-help" style="float:left; margin:0 7px 50px 0;"></span>Czy chcesz usunąć wybrany produkt?
        </p>
        <p>
        Naciśnij OK aby kontynuować.
        </p>
</div>


<script type="text/javascript">

        $("#dialog-message").hide();
        $('.confirmation').on('click', function(e) {
                e.preventDefault();
                $("#dialog-message").dialog({
                modal: true,
                buttons: {
                        Ok: function() {
                        $(this).dialog("close");
                        window.location.href = $('.confirmation').attr('href');
                        },
                        Cancel: function() {
                        $(this).dialog("close");
                        }
                }
        });
});

</script>

非常感谢您的帮助。