重定向对话框按钮单击 - JQuery UI

时间:2017-01-27 08:42:43

标签: jquery



$(".btn").click(function(){
		$('<div></div>').appendTo('body')
        .html('<div> Select </div>')
        .dialog({
            modal: true, title: 'Select', zIndex: 10000,autoOpen:true,
            width: 'auto', 
            resizable: false,
            draggable: false,
		    modal: true,
		    hide: { effect: "clip", duration: 1000 },
            buttons: {
            	A: function () {
            		window.location.href="xyz.php?param=A";
                },
                B: function () {
                  window.location.href="xyz.php?param=B";
                }
            },
            close: function (event, ui) {
            	
            }
        });
	});
  
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"> </script>
<div class="btn">Click</div>
&#13;
&#13;
&#13;

我在点击按钮时尝试重定向。当前实施重定向到myHomePage/0 or myHomePage/1。我的所有参数都没有设置,并且重定向php也无法正常工作。

这有什么问题?请告诉我。

2 个答案:

答案 0 :(得分:1)

Plz试试这段代码

$(".btn").click(function(){
   var redirectId = $(this).attr('redirectId');
   window.location.href = "http://ursite.com/"+redirectId;
 });

in html

<div redirectId="1" class="btn">Click</div>

答案 1 :(得分:1)

可以这样做:

<强>的jQuery

$("div.btn").click(function(){
    var href = $(this).attr("href");

    if(typeof href !== typeof undefined && href !== false){
        window.location.href = href;
    }
});

<强> HTML

<div href="newlocation.php" class="btn">Click</div>

它适用于所有divbtn类,其中包含href属性!