Как удалить класс из тела в JQuery, используя Angularjs - PullRequest
Новая
       3

Как удалить класс из тела в JQuery, используя Angularjs

0 голосов
/ 07 сентября 2018

Использование jQuery 

  $(document).ready(function() {
  $("#pid1").removeClass("login_page");
  });

HTML 

<body  class="login_page" id="pid1" ng-app="myApp" ng-controller="myCtrl">

В главной странице класс удаляется, но страница входа также удаляет класс, но я должен сохранить класс на странице входа.

loginpage.html 

<div class="login_page">
</div>

когда я добавляю функцию удаления класса, она работает, и я пытался сохранить класс login_page в loginpage.html.

Ответы [ 4 ]

0 голосов
/ 07 сентября 2018

Я решил эту проблему и ее 'работа для меня,

добавление и удаление класса вручную в контроллере индекса и контроллере входа в систему, удаление функции класса на странице индекса и добавление функции класса на странице входа.

Удалить функцию 

       $(document).ready(function()
         {
          $("body").removeClass("login_page");
        });

Добавить функцию 

    $(document).ready(function()
      {
       $("body").addClass("login_page");
      });
0 голосов
/ 07 сентября 2018

IN Angularjs (1,0 В) Вам просто нужно связать переменную в директиву "ng-class" и заменить ее из контроллера. Вот пример того, как это сделать: 

var app = angular.module("ap",[]);
app.controller("con",function($scope){
    $scope.class = "red";
    $scope.changeClass = function(){
        if ($scope.class === "red")
            $scope.class = "blue";
        else
            $scope.class = "red"`;`
    };
});
0 голосов
/ 07 сентября 2018

Ниже приведено простое решение, которое удалит класс тела при нагрузке.

window.onload = function () { document.body.className = ""; }

Если у вас есть проблемы с другими библиотеками, вы можете попробовать и следующее решение.

window.addEventListener( 'load', function load() { window.removeEventListener('load', load, false); document.body.classList.remove('preload'); }, false );

Использование addEventListener означает, что он не будет мешать другим слушателям событий, которые могут быть подключены другими библиотеками и т. Д.

Приведенный выше код удалит прослушиватель события, когда событие также будет запущено.

0 голосов
/ 07 сентября 2018

Это будет работать для вас:

В коде ниже .login_page_class может быть ваш класс, который присутствует только на вашей странице входа в систему. 

$(document).ready(function() {
  if($(".login_page_class").length == 0){
   $("#pid1").removeClass("login_page");
  };
});

Добавлено условие, чтобы проверить, присутствует ли .login_page на странице, и если да, то не выполнять код.

Надеюсь, это было полезно для вас.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...