Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: Angular 2, AngularJS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
Enough1987
30 / 30 / 29
Регистрация: 11.10.2014
Сообщений: 268
1

Toggle

16.04.2015, 01:08. Просмотров 536. Ответов 4
Метки нет (Все метки)

Всем доброго времени суток, -
Возникла проблема с переключателем, при загрузке страницы скрытое меню показывается, и когда грузится скрипт оно скрывается.
Оно и понятно. До загрузки скриптов пд-хайд не действует, но как мне это перекрыть?
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<body ng-app="myApp" ng-controller="myCtrl">
<ul ng-click="toggle()" >
<div ng-hide="myToggle"  class='nav'> 
 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="angularjs/App.js" defer> </script>
<script src="angularjs/Ctrl.js" defer> </script>
 
var app = angular.module('myApp', []);
 
app.controller('myCtrl', function($scope) {
    $scope.myToggle = true;
           $scope.toggle = function () {
              $scope.myToggle = !$scope.myToggle;
   }    
});
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.04.2015, 01:08
Ответы с готовыми решениями:

Toggle()
Исчезает сама надпись &quot;Свернуть форму&quot; что не так? &lt;div id=&quot;closeForm&quot;&gt;Свернуть форму&lt;/div&gt;...

toggle()
Здраствуйте, как применить к toggle() при &quot;block&quot; эфект fadeOut(), а при &quot;none&quot; 'эфект fadeIn() и...

Toggle
jQuery JavaScript Library v1.5 в этой библиотеке Такой код например...

Toggle()
$(document).ready(function(){ $('#post').click(function(){ $(&quot;#textpost&quot;).toggle(250);...

неразбериха с toggle
Здравствуйте. У меня вот такая проблема - стал изучать jquery, столкнулся с методом toggle, но что...

4
gggggu
15 / 15 / 3
Регистрация: 31.08.2013
Сообщений: 98
16.04.2015, 12:42 2
Используйте ng-show директиву вместо ng-hide или если ng-hide, то флаг $scope.myToggle должен изначально быть равен false
0
Enough1987
30 / 30 / 29
Регистрация: 11.10.2014
Сообщений: 268
16.04.2015, 12:48  [ТС] 3
Цитата Сообщение от gggggu Посмотреть сообщение
Используйте ng-show директиву вместо ng-hide или если ng-hide, то флаг $scope.myToggle должен изначально быть равен false
Как это поможет? Тут проблема в том, что пока скрипт не загрузится скрытый блок есть. Я так понял, что ng-show и ng-hide подходт для тех случаем когда нужно что бы потом скрыть?
Наверно переделаю с добавлением и удаление класса.
0
gggggu
15 / 15 / 3
Регистрация: 31.08.2013
Сообщений: 98
16.04.2015, 13:04 4
Вас смущает то, что оно мигает?
Можно добавить сss класс с display : none; например, так оно не появится, а вы потом вашим же ng-hide его перекроете (скроете или покажете)

Добавлено через 3 минуты
Или используйте ng-if = 'something', элемент на котором висит ng-if не будет видимым пока что-то не будет проиницализировано
1
Enough1987
30 / 30 / 29
Регистрация: 11.10.2014
Сообщений: 268
17.04.2015, 17:06  [ТС] 5
Цитата Сообщение от gggggu Посмотреть сообщение
Вас смущает то, что оно мигает?
Можно добавить сss класс с display : none; например, так оно не появится, а вы потом вашим же ng-hide его перекроете (скроете или покажете)
Добавлено через 3 минуты
Или используйте ng-if = 'something', элемент на котором висит ng-if не будет видимым пока что-то не будет проиницализировано
Да смутило именно это мигание (появление и исчезновение при загрузке).

Спасибо за ответ, да смутило мигание, решил в итоге не заворачиваться и переставил скрипт в начало ))
0
17.04.2015, 17:06
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
17.04.2015, 17:06

Toggle продолжение
Здраствуйте, подскажите вот у меня есть такой код, но я хочу чтобы галерея открывалась и...

Не работает toggle
Подскажите пожалуйста почему не работает toggle #togglecontact при клике на #contacts. Эти разделы...

Toggle Functions
Подскажите. Я вот делаю одностраничный сайт - визитку. Например имеется 5 дивов и 5 ссылок(меню)....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru