Perguntas com a marcação «javascript»

Eu já vi algumas perguntas em relação aos modais de autoinicialização, mas nenhuma exatamente como essa, então vou adiante. Eu tenho um modal que eu chamo de onclick assim ... $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); Isso funciona bem, mas quando eu mostro o modal, quero focar no primeiro elemento de entrada ... …

182 javascript  twitter-bootstrap  modal-dialog 

Estou usando o typeahead.js 0.9.3 do twitter e parece que minhas sugestões não têm estilo. Estou entendendo isso: Em vez de algo como isto: (retirado da página de exemplos ) JavaScript habilitando typeahead: $('.search-typeahead').typeahead({ name: 'videos', remote: { url: '/api/v1/internal/videos/typeahead?text=%QUERY' } }); Elemento de entrada HTML: <input type="text" value="" id="search_keywords" …

182 javascript  css  typeahead.js 

Usando métodos de instância como retornos de chamada para manipuladores de eventos altera o escopo de thispartir "Meu instância" para "Seja qual for chamado apenas o retorno de chamada" . Então, meu código fica assim function MyObject() { this.doSomething = function() { ... } var self = this $('#foobar').bind('click', function(){ …

182 javascript  jquery  scope  closures 

Por que meu loop for-for-it não está repetindo meu objeto de matriz associativa 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 

Eu já vi essa pergunta de várias maneiras no SO e em vários outros sites, mas a maioria deles é muito específica ou desatualizada. Espero que alguém possa fornecer uma resposta definitiva aqui, sem pensar em especulações. Existe uma maneira, com CSS ou javascript, de alterar as configurações padrão da …

182 javascript  html  css  browser  printing 

Eu tenho um modelo angular no DOM. Quando meu controlador obtém novos dados de um serviço, ele atualiza o modelo no escopo $ e renderiza novamente o modelo. Tudo de bom até agora. O problema é que eu também preciso fazer um trabalho extra depois que o modelo foi renderizado …

182 javascript  jquery  dom  angularjs 

Estou tendo problemas com a funcionalidade jQuery no meu site. O que ele faz é que ele usa a window.scroll() função para reconhecer quando as janelas alteram sua posição de rolagem e, na mudança, chama algumas funções para carregar dados do servidor. O problema é que a .scroll()função é chamada …

182 javascript  jquery  scroll 

Existe um bom método Array reduce()para obter um valor a partir da matriz. Exemplo: [0,1,2,3,4].reduce(function(previousValue, currentValue, index, array){ return previousValue + currentValue; }); Qual é a melhor maneira de conseguir o mesmo com objetos? Eu gostaria de fazer isso: { a: {value:1}, b: {value:2}, c: {value:3} }.reduce(function(previous, current, index, array){ …

182 javascript  arrays  object  reduce 

Existe algum tipo de operador "não incluído" no JavaScript para verificar se uma propriedade não existe em um objeto? Não consegui encontrar nada sobre isso no Google ou no Stack Overflow. Aqui está um pequeno trecho de código no qual estou trabalhando, onde preciso desse tipo de funcionalidade: var tutorTimes …

182 javascript  object  properties  operators 

Eu tenho algo parecido com isto: $scope.traveler = [ { description: 'Senior', Amount: 50}, { description: 'Senior', Amount: 50}, { description: 'Adult', Amount: 75}, { description: 'Child', Amount: 35}, { description: 'Infant', Amount: 25 }, ]; Agora, para ter uma quantidade total dessa matriz, estou fazendo algo assim: $scope.totalAmount = …

182 javascript  arrays  prototype-programming 

Gostaria de centralizar meu modal na janela de exibição (meio) Tentei adicionar algumas propriedades css .modal { position: fixed; top:50%; left:50%; } Estou usando este exemplo http://jsfiddle.net/rniemeyer/Wjjnd/ eu tentei $("#MyModal").modal('show').css( { 'margin-top': function () { return -($(this).height() / 2); }, 'margin-left': function () { return -($(this).width() / 2); } })

181 javascript  twitter-bootstrap  bootstrap-modal 

Estou construindo um site com o Popover do Bootstrap e não consigo descobrir como fazer o popover aparecer ao passar o mouse em vez de clicar. Tudo o que eu quero fazer é que uma popover apareça quando alguém passa o mouse sobre um link em vez de clicar nele …

181 javascript  jquery  twitter-bootstrap 

Eu tenho este módulo de rotas: 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 inicial: <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 

Eu sou novo no uso de classes ES6 com React; anteriormente, vinculei meus métodos ao objeto atual (mostrado no primeiro exemplo), mas o ES6 me permite vincular permanentemente uma função de classe a uma instância de classe com setas? (Útil ao passar como uma função de retorno de chamada.) Eu …

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

Passei bastante tempo lendo a documentação do AngularJS e vários tutoriais e fiquei bastante surpreso com o quão inacessível é a documentação. Tenho uma pergunta simples e respondível que também pode ser útil para outras pessoas que desejam adquirir o AngularJS: O que é uma diretiva AngularJS? Deve haver uma …

181 javascript  angularjs  angular-directive