2013-12-05 2 views
0

В настоящее время я создаю приложение jQuery Mobile. Тем не менее, я тестирую страницу через Firefox просто потому, что мне придется переустанавливать приложение, если я буду делать это на iPad.Загрузка AJAX на jQuery Mobile

Здесь я застреваю, когда я добавил AJAX на мою страницу, он работал нормально. Я добавил AJAX для входа. Однако, когда я нажимаю логин, он действительно проверяет пользователя/пароль против базы данных и возвращается с ошибкой, которую я написал, если это неправильно, и это нормально.

Когда я вхожу в систему, он должен перенаправить меня на первую страницу (page1.html), она принимает меня на страницу, но она не загружает JQM CSS, что является довольно большой проблемой. Это потому, что это приложение, поэтому оно чисто CSS'd через стандартную тему JQM.

Вот мой AJAX может кто-нибудь сказать мне, почему это не возвращает мой CSS, а только содержимое страницы (текст/фото и т. Д.)?

function doLogin() 
    { 

    var userName = document.forms['validateform'].elements['user-name'].value; 
    var passWord = document.forms['validateform'].elements['password'].value; 
    var request = 'checkLogin'; 

    $.ajax ({ 

       url:'http://127.0.0.1/hrdatabase/appLogin.php', 
       cache:false, 
       data: {'request': request, 'user-name': userName, 'password': passWord}, 
       dataType: 'json', 
       async: false, 
       success: function(data) 
       { 
        $('#errMsg').html(data.errMsg); 
        if (jQuery.trim(data.errMsg).length ==0) 
        { 
         document.location.href='page1.html'; 
        } 
        else 
         { 
         alert (data.errMsg); 
         } 
       } 

      }); 
    } 
+0

делает page1.html ссылается на jqm css? – BeNdErR

+0

Нет, у него нет данных-role = 'page' в стартовом div – Copland14

+0

jQuery может захватывать только то, что ниже роли данных возможно – eric

ответ

1

С момента публикации этого вопроса я действительно высказал это. В основном в:

$('#errMsg').html(data.errMsg); 
       if (jQuery.trim(data.errMsg).length ==0) 
       { 
        document.location.href='page1.html'; 
       } 

Этот код должен быть:

$('#errMsg').html(data.errMsg); 
       if (jQuery.trim(data.errMsg).length ==0) 
       { 
        $.mobile.changePage ("page1.html"); 
       } 

Благодаря любому в любом случае. Оставлю это, если кто-нибудь найдет его полезным.

Смежные вопросы