Запитання з тегом «javascript»

Я використовую twitter's typeahead.js 0.9.3, і, здається, мої пропозиції зовсім не стилізовані. Я отримую це: Замість чогось подібного: (взято зі сторінки прикладів ) JavaScript увімкнення typeahead: $('.search-typeahead').typeahead({ name: 'videos', remote: { url: '/api/v1/internal/videos/typeahead?text=%QUERY' } }); Елемент введення HTML: <input type="text" value="" id="search_keywords" class="no-clear search-typeahead"/> Додаткові нотатки: На сайті, над яким …

182 javascript  css  typeahead.js 

Використання методів екземплярів як зворотних викликів для обробників подій змінює область дії thisз "Мій екземпляр" на "Що б тільки не викликали зворотний виклик" . Тож мій код виглядає приблизно так function MyObject() { this.doSomething = function() { ... } var self = this $('#foobar').bind('click', function(){ self.doSomethng() // this.doSomething() would not …

182 javascript  jquery  scope  closures 

У мене є прапорець, у якому я хочу виконати якусь дію Ajax на події клацання, однак прапорець також знаходиться всередині контейнера зі своєю власною поведінкою натискання, яку я не хочу запускати, коли клацніть прапорець. Цей зразок ілюструє те, що я хочу зробити: $(document).ready(function() { $('#container').addClass('hidden'); $('#header').click(function() { if ($('#container').hasClass('hidden')) { …

182 javascript  jquery  checkbox  events 

Чому мій for для кожного циклу не повторюється над моїм об’єктом асоціативного масиву JavaScript? // defining an array var array = []; // assigning values to corresponding keys array["Main"] = "Main page"; array["Guide"] = "Guide page"; array["Articles"] = "Articles page"; array["Forum"] = "Forum board"; // expected: loop over every item, …

182 javascript  arrays  foreach 

Я бачив це запитання, яке його задавали декількома різними способами на SO та декількох інших веб-сайтах, але більшість з них є занадто конкретними або застарілими. Я сподіваюся, що хтось може дати остаточну відповідь тут, не задумуючись над спекуляціями. Чи є спосіб, як за допомогою CSS, так і javascript, змінити настройки …

182 javascript  html  css  browser  printing 

У мене є кутовий шаблон у DOM. Коли мій контролер отримує нові дані від сервісу, він оновлює модель в межах $ і повторно надає шаблон. Все добре поки що. Проблема полягає в тому, що мені також потрібно виконати додаткову роботу після того, як шаблон буде повторно виведений і знаходиться в …

182 javascript  jquery  dom  angularjs 

Враховуючи, що я перебуваю на наступній сторінці: http://www.webmail.com/pages/home.aspx Як я можу отримати ім'я хоста ( "http://www.webmail.com") за допомогою JavaScript?

182 javascript 

У мене виникають проблеми з функціоналом jQuery на моєму веб-сайті. Що він робить, це те, що він використовує window.scroll() функцію розпізнавання, коли вікно змінює своє місце прокрутки і при зміні викликає кілька функцій для завантаження даних із сервера. Проблема полягає в тому, що .scroll()функція викликається, як тільки є незначна зміна …

182 javascript  jquery  scroll 

Як я можу перевірити, чи var - рядок у JavaScript? Я спробував це, і це не працює ... var a_string = "Hello, I'm a string."; if (a_string typeof 'string') { // this is a string }

182 javascript  string  variable-types 

Є хороший метод масиву, reduce()щоб отримати одне значення з масиву. Приклад: [0,1,2,3,4].reduce(function(previousValue, currentValue, index, array){ return previousValue + currentValue; }); Який найкращий спосіб досягти того ж з предметами? Я хотів би зробити це: { a: {value:1}, b: {value:2}, c: {value:3} }.reduce(function(previous, current, index, array){ return previous.value + current.value; }); Однак, …

182 javascript  arrays  object  reduce 

Я перебирав async/ awaitі переглянувши кілька статей, вирішив перевірити речі сам. Однак я, здається, не можу обернути голову, чому це не працює: async function main() { var value = await Promise.resolve('Hey there'); console.log('inside: ' + value); return value; } var text = main(); console.log('outside: ' + text); Консоль видає наступне …

182 javascript  node.js  async-await  ecmascript-2017 

Я хотів би сконцентрувати модальний режим у вікні перегляду (посередині), я намагався додати деякі властивості css .modal { position: fixed; top:50%; left:50%; } Я використовую цей приклад http://jsfiddle.net/rniemeyer/Wjjnd/ я намагався $("#MyModal").modal('show').css( { 'margin-top': function () { return -($(this).height() / 2); }, 'margin-left': function () { return -($(this).width() / 2); } …

181 javascript  twitter-bootstrap  bootstrap-modal 

Я будую веб-сайт із програмою Popover Bootstrap, і я не можу зрозуміти, як зробити так, щоб перехід з'явився на наведення курсору замість клацання. Все, що я хочу зробити, - це поява popover, коли хтось наводить курсор на посилання, а не натискає на неї, і щоб popover зник, коли вони віддаляються. …

181 javascript  jquery  twitter-bootstrap 

У мене є цей модуль маршрутів: var mainModule = angular.module('lpConnect', []). config(['$routeProvider', function ($routeProvider) { $routeProvider. when('/home', {template:'views/home.html', controller:HomeCtrl}). when('/admin', {template:'views/admin.html', controller:AdminCtrl}). otherwise({redirectTo:'/connect'}); }]); Домашній HTML: <div ng-include src="views.partial1"></div> partial1 HTML: <form ng-submit="addLine()"> <input type="text" ng-model="lineText" size="30" placeholder="Type your message here"> </form> HomeCtrl: function HomeCtrl($scope, $location, $window, $http, Common) { …

181 javascript  html  angularjs  angularjs-scope  angularjs-ng-include 

Я новачок у використанні класів ES6 з React, раніше я прив'язував свої методи до поточного об'єкта (покажіть у першому прикладі), але чи дозволяє ES6 мені постійно прив’язувати функцію класу до екземпляра класу зі стрілками? (Корисно при передачі як функція зворотного дзвінка.) Я отримую помилки, коли намагаюся використовувати їх як можна …

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next