Articles of jquery

Hauteur de la page Web jQuery

Disons qu’une page Web est deux fois plus haute que la fenêtre du navigateur (il y a donc une barre de défilement). Comment récupérer la hauteur de la page Web dans jQuery?

L’élément d’aide à la sélection sortingable de l’interface utilisateur jQuery compense le problème de Firefox

J’ai un problème avec une liste sortingable jQuery UI 1.7.2 dans Firefox 3.6, IE7-8 fonctionne bien. Lorsque je fais défiler un peu vers le bas, l’élément d’assistance semble avoir un décalage de la même hauteur que le curseur de la souris, ce qui rend impossible de voir quel élément vous avez initialement déplacé. Comment puis-je […]

Comment fonctionne jQuery quand il y a plusieurs éléments avec le même “id”?

Je récupère les données du site Web AdWords de Google qui contient plusieurs éléments avec le même id . Pourriez-vous s’il vous plaît expliquer pourquoi les 3 requêtes suivantes ne donnent pas la même réponse (2)? Démo en direct HTML: 1 2 3 JS: $(function() { var w = $(“div”); console.log($(“#a”).length); // 1 – Why? […]

Le contenu pop-up Bootstrap ne peut pas être modifié dynamicment

J’utilise le code comme suit: $(“.reply”).popover({ content: “Loading…”, placement: “bottom” }); $(“.reply”).popover(“toggle”); qui crée le popover et son contenu correctement. Je veux charger une nouvelle donnée dans le popover sans fermer le popover. J’ai essayé ce qui suit: var thisVal = $(this); $.ajax({ type: “POST”, async: false, url: “Getdes”, data: { id: ID } }).success(function(data) […]

parsererror après la requête jQuery.ajax avec le type de contenu jsonp

J’utilise jQuery version 1.5.1 pour faire l’appel ajax suivant: $.ajax({ dataType: ‘jsonp’, data: { api_key : apiKey }, url: “http://de.dawanda.com/api/v1/” + resource + “.json”, success: function(data) { console.log(data); }, error: function(jqXHR, textStatus, errorThrown) { console.log(errorThrown); console.log(textStatus); } }); Le serveur répond avec un object json valide: { “response”: { “type”:”category”, “ensortinges”:1, “params”:{ “format”:”json”, “api_key”:”c9f11509529b219766a3d301d9c988ae9f6f67fb”, “id”:”406″, […]

Comment détecter la direction du défilement

Je veux exécuter une fonction quand quelqu’un fait défiler un élément. Quelque chose comme ça: $(‘div’).scrollDown(function(){ alert(‘down’) }); $(‘div’).scrollUp(function(){ alert(‘up’) }); Mais ces fonctions n’existent pas. Y at-il une solution à ce problème? Ils semblent pouvoir le faire. Malheureusement, le code source est compressé, donc pas de chance … Merci!!

Problème de saisie semi-automatique dans le modal bootstrap

J’ai un problème d’affichage dans l’autocomplétion jQuery dans un bootstrap de dialog modal. Lorsque je fais défiler la souris, les résultats ne restnt pas attachés à l’entrée. Y a-t-il un moyen de résoudre ce problème? Voici JsFiddle : .ui-autocomplete-input { border: none; font-size: 14px; width: 300px; height: 24px; margin-bottom: 5px; padding-top: 2px; border: 1px solid […]

jquery n’appelle pas la méthode de réussite sur $ .ajax pour les rails standard REST DELETE answer

Peut-être qu’un tel problème n’est pas nouveau, mais je n’ai rien trouvé de similaire. J’ai un tel code jQuery: $.ajax({ url : (‘/people/’+id), type : ‘DELETE’, dataType : ‘json’, success : function(e) { table.getItems(currentPage); } }); Mon contrôleur Rails ressemble à ceci: def destroy @person = Person.find(params[:id]) @person.destroy respond_to do |format| format.html { redirect_to(people_url) } […]

Passer la variable pour fonctionner dans le rappel de succès jquery AJAX

J’essaie de précharger certaines images avec un appel jQuery AJAX, mais j’ai de vrais problèmes à transmettre une chaîne (url) dans une fonction dans la fonction de succès de l’appel AJAX (si cela est logique). Voici mon code tel quel: //preloader for images on gallery pages window.onload = function() { setTimeout(function() { var urls = […]

Pourquoi mon sélecteur jQuery: not () ne fonctionne pas dans CSS?

J’ai cette mise en page: Sectors Avec ces règles CSS: #sectors { width: 584px; background-color: #ffd; margin: 1.5em; border: 4px dashed #000; padding: 16px; overflow: auto; } #sectors > h1 { font-size: 2em; font-weight: bold; text-align: center; } #sectors > div { float: left; position: relative; width: 180px; height: 240px; margin: 16px 0 0 16px; […]