SimpleModal в jQuery

Question

Я использую SimpleModal в jQuery, и я использую Ajax для отображения переключателей. Он должен перечислить переключатель и значения. После нажатия кнопки переключателя страница должна быть перенаправлена ​​на страницу 2.

Когда я тестировал его на localhost, все было хорошо. Но это не перенаправляет страница на веб-сервере.

Любое изменение, которое я должен сделать?

Мой код:

..............
$.ajax({
    url: 'test.php',
    cache: false,
    success: function(data) {
        $('#resp').modal({
            close: false,
            position: ["4%",],
            overlayId: 'confirmRespOverlay',
            containerId: 'confirmRespContainer',
            onShow: function (second) {
                second.data.find(".buttons .yes").hide();
                var resp = $("<div/>").append(data);
                var title = resp.find("#title").html(),
                message = resp.find("#message").html();
                second.data.find(".header span").html(title);
                second.data.find('.info').append(message);
                second.data.find('.yes').click(function () {
                });
            }//onShow
        }); //Resp

        $("input:radio").click(function() {
            var url="http://page2"
            window.location.replace(url);
        }); //input
    }//success
}); //ajax

test.php возвращает следующее

echo "<tr><td><input type=\"radio\" name=\"value_\" onClick=\"showUser(this.value)\" value=".$id1.">".$val1."</td><td>".$name."</td></tr>";

echo "<tr><td><input type=\"radio\" name=\"value_\" onClick=\"showUser(this.value)\" value=".$id2.">".$val2."</td><td>".$name."</td></tr>";

Страница остановилась после нажатия переключателя и не переходит на следующую страницу. Как я могу решить эту проблему?

Answer 1

Мне кажется, что ваши входы не были добавлены при регистрации событий.

Существует два варианта: загрузить данные в модальное поле перед их отображением (т. Е. В обход метода onshow)

$.ajax({ 
   url: 'test.php', 
   cache: false, 
   success: function(data) { 
       var second = $('#resp');
       second.data.find(".buttons .yes").hide();
       var resp = $("<div/>").append(data);
       var title = resp.find("#title").html();
       message = resp.find("#message").html();
       second.data.find(".header span").html(title);
       second.data.find('.info').append(message);
       second.data.find('.yes').click(function () {
       }); // click

       $('#resp').modal({
          close:false,
          position: ["4%",],
          overlayId:'confirmRespOverlay',
          containerId:'confirmRespContainer'
        }); //Resp

       $("input:radio").click(function() {
            var url="http://page2"
            window.location.replace(url);
       }); //input 

  }//success 

}); //ajax

Или зарегистрируйте свои события в методе onshow

$.ajax({ 
   url: 'test.php', 
   cache: false, 
   success: function(data) { 

       $('#resp').modal({
          close:false,
          position: ["4%",],
          overlayId:'confirmRespOverlay',
          containerId:'confirmRespContainer', 
          onShow: function (second) { 
                    second.data.find(".buttons .yes").hide();
                    var resp = $("<div/>").append(data);
                    var title = resp.find("#title").html();
                    message = resp.find("#message").html();
                    second.data.find(".header span").html(title);
                    second.data.find('.info').append(message);
                    second.data.find('.yes').click(function () {
                     });

                    $("input:radio").click(function() {
                      var url="http://page2"
                      window.location.replace(url);
                    }); //input 
          }//onShow

        }); //Resp

  }//success 

}); //ajax