Bootstrap dropdown click action

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Front-end developer voor een digitaal bureau in Ei

Voor een goede relatie van StarApple ben ik op zoek naar een Front-end developer met kennis in moderne javascript frameworks. Ze zijn op zoek naar een developer die het leuk lijkt om voor verschillende organisaties digitaal het verschil te maken. Denk hierbij aan klanten als PUMA maar ook scholen en gemeentes. De organisatie: Het is een Full service bureau die ruim 10 jaar actief is in de online wereld van digitaal denken en doen. Ze hebben meerdere teams die bestaan uit de meest uiteenlopende disciplines en personen. Samen delen ze hun passie en dat is ‘’digitale communicatie’’. Voor de één

Bekijk vacature »

Medior: Ontwikkelen in PHP met kennis van Drupal

Dit jonge, maar snelgroeiend bedrijf is al 3 jaar actief op de markt met hun eigen specifieke kennissysteem. Een kennis management tool. Ze hebben een databank voor bedrijven en organisaties ontwikkeld waarin alle kennis van de organisatie wordt opgenomen. Dit maakt het voor elke werknemer en gebruiker van de databanken gemakkelijker en efficiënter om het werk te doen. Op deze wijze voorkom je dat gedane werk weer opnieuw wordt gedaan, waardoor dat veel tijd en ook geld bespaard. Momenteel is het bedrijf nog alleen actief binnen Nederland. Door de snelle groei verwachten ze op een langer termijn ook op internationaal

Bekijk vacature »

In Zaandam gevestigde speler zoekt Medior PHP deve

In Zaandam wordt hard gewerkt aan de verdere Europese uitrol van een eigen Magento Ecommerce project. Het project is 3-ledig omdat ieder land een eigen aanpak vereist. Momenteel zijn de goederen toegankelijk voor ons Nederlanders en buurland België, maar ook Duitsland en de overige landen binnen Europa moeten er spoedig aan geloven. Functie-omschrijving Het team bestaat uit ca. 20 sterk gemotiveerde collega’s met een zeer gezonde mix van heren en dames. In lijn met de producten die zij leveren zijn zij gevestigd in een mooi en karakteristiek pand waarin jij samen met 3 andere developers verantwoordelijk bent voor de verdere

Bekijk vacature »

Als Front end/Fullstack Developer aan complexe sys

Momenteel ben ik voor een snel groeiende klant van StarApple op zoek naar nieuwe collega’s op het gebied van Front end Javascript Development. Deze organisatie is zo’n 12 jaar geleden begonnen en hebben vanaf 2018 bijna vijftien man in dienst. Ze zijn ontzettend snel gegroeid en merken dat de groei nog lang niet uit de branche is waarin ze zich bevinden. Nu staan er twee functies open! Ze hebben meerdere complexe applicaties en systemen waaraan jij gaat meebouwen, optimaliseren en wijzigingen aanbrengen. Jij krijgt namelijk enorm veel vrijheid binnen deze rol en daarom zoeken ze een collega die zelfstandig aan

Bekijk vacature »

TM1/ Planning Analytics Architect/ Consultant

My client has a strong track record of delivering EPM and Analytics solutions globally and are experiencing a significant period of growth. They are now entering the Dutch market, building an international team of specialists who can expand the brand and expertise in TM1 across the country and beyond. They are currently seeking to add a Cognos TM1/ Planning Analytics Architect/ Consultant to their team which will be based in North Holland. This role is suitable to an experienced TM1 expert, seeking to expand their technical skills, but also take ownership on the solution design and client management responsibilities. Within

Bekijk vacature »

Front-End Developer (Security Management)

Front-End Developer Security Management (HBO / WO, Java- / Typescript, HTML5, CSS3, Angular, Security Management) Organization Trinamics Nijmegen is looking for Front-End developers within the Security Managementsector. Our client is located in the east of the Netherlands and is a big (inter)national organization active within various sectors. Our client provides a modern working environment in which you are able to develop yourself and your career. Job Description We are looking for Front-End Developers with significant experience of HTML5, CSS3, Java- Typescript and many more. Our client is working with frameworks such as Protractor, Jasmine, Angular and React, so experience with(one

Bekijk vacature »

Senior Java Developer - Permanente functie - Delft

JAVA DEVELOPER Permanente functie - Delft Als Java Developer ben je verantwoordelijk voor het realiseren van backend applicaties. Zodoende ben je verantwoordelijk voor het ontwerpen, implementeren, onderhouden, testen en verbeteren van Java-toepassingen. Dit doe je aan de hand van de nieuwste technieken. Je zal werken aan diverse projecten, wat zorgt voor variatie. Als Java Developer kom je te werken in een compact en gezellig team in een mooi en open kantoor. Daarnaast heb je af en toe klantencontact (op het kantoor). Vaardigheden als Java Developer: Als Java Developer heb je het volgende: Minimaal HBO werk- en denkniveau; Minimaal drie jaar

Bekijk vacature »

Technisch Ontwerper / Applicatieontwikkelaar max.

Op woensdag 14 november organiseert CIMSOLUTIONS op 7 locaties in Nederland het ICT Professional Event. Tijdens deze avond kun je naast een hapje en een drankje onze sfeer komen proeven. Maak kennis met CIMSOLUTIONS, onze collega’s en beleef de ervaringen van onze ICT specialisten én de projecten waar zij het verschil maken. Kijk voor meer informatie en/of aanmelden op: https://www.cimsolutions.nl/nl/Evenement/CIMSOLUTIONS-ICT-Professionals-Event Wie zoeken we? Je bent de beste in je vak of hebt de ambitie en de potentie om de beste te worden. Je hebt de passie om nieuwe technologieën te blijven leren en continu jezelf te ontwikkelen. Je hebt de

Bekijk vacature »

Lead Java Developer

Vacature: Lead Java Developer IJsselstein Ontwikkel jij graag software met een hoge maatschappelijke relevantie? Vind jij werken in een zeer informele organisatie met familiaire sfeer ook een fijnst? Wat vind jij van een uitstekende werk/privé balans met 40 vakantie dagen en twee thuiswerkdagen(optioneel)? Vind jij het leuk om jouw ervaring in te zetten door 20% van je tijd een team te manager en 80% gewoon lekker gave software te bouwen? Dan hebben wij de baan voor jou! Jouw werkgevers: E-health oplossingen voor de Nederlandse samenleving Dit technologie bedrijf onder de rook van Utrecht bewijst haar maatschappelijk nut al decennia lang.

Bekijk vacature »

Junior PHP Developer voor een groeiende E-commerce

Organisatie Deze snelgroeiende en informele e-commerce onderneming uit regio Den Bosch zoekt een goede junior PHP ontwikkelaar. Met een paar online concepten zijn zij inmiddels marktleider in het business-to-business e-commerce segment. De komende tijd zal het bedrijf weer willen innoveren om de concurrentie voor te zijn en gaan zij voorzichtig ook in het buitenland hun vleugels uitslaan. Door de klant voorop te stellen en door gebruiksvriendelijke software te ontwikkelen heeft het bedrijf een uitstekende naam in de markt. In totaal werken er 16 enthousiaste collega’s aan hele mooie projecten waarvan 8 PHP ontwikkelaars binnen de organisatie. Functie Als Junior PHP

Bekijk vacature »

Junior PHP developer Online dienstverlenging

Junior PHP DEVELOPER Online dienstverlening Organisatie Voor onze klant in Amsterdam zijn wij opzoek naar een Junior PHP developer die hier het productteam van 20 ambitieuze developers komt versterken. Naast dat jij hier aan de slag zult gaan als developer, zal jij je thuis gaan voelen binnen dit gave bedrijf met een hecht team. Dit bedrijf is in de afgelopen 5 jaar flink gegroeid en niet meer weg te denken van het internet. Naast dat zij werken aan een goed onlineproduct, zorgen zij ervoor dat het zo gebruikersvriendelijk, veilig en transparant mogelijk is voor de koper. De IT is hier

Bekijk vacature »

Medior C# .Net Developer / Ontwikkelen én g

Medior C# .Net Developer Ontwikkelen én grenzen verleggen Regio Leiden Je komt te werken in een gezellig en informeel scrumteam en bouwt mee aan de ontwikkeling van een nieuwe applicatie voor groothandelaren in de bloemen- en plantenbranche. Hierbij krijg je de mogelijkheid jezelf te ontwikkelen in de richting die jij wilt! Front-end, back-end of full stack. Wij vragen van jou… • Ervaring in ontwikkelen van applicaties m.b.v. C# • Teamplayer met goede communicatieve vaardigheden • Een pro-actieve werkhouding • De eigenschappen ‘zelfstandig’ Wat bieden wij… • Een fulltime functie (32-40 uur) • Een marktconform salaris afhankelijk van kennis en ervaring

Bekijk vacature »

PHP Developer

Voor onze vestiging in de kop van Overijssel zijn wij op zoek naar een: PHP developer Een programmeur met enthousiasme voor het vak, die een uitdagende baan wil bij een klein maar snel groeiend bedrijf met veel uiteenlopende opdrachten Over ons Unity-X ontwikkelt onder andere managementsystemen, (maatwerk) websites en webapplicaties voor klanten in o.a. de reisbranche, financiële dienstverlening en de uitzendbranche. Bekende namen zijn ABN AMRO, Easy Staff en Fi.nl, daarnaast werken wij ook voor verschillende organisaties in het MKB. Wij staan voor solide oplossingen en werken hierbij altijd nauw samen met onze klanten. Wij houden van lekkere koffie, een

Bekijk vacature »

Ambitieuze lead PHP developer met -up-to-date kenn

Dit groeiende bedrijf bestaat 14 jaar en is markleider op de markt. Er liggen plannen op tafel om zich uit te breiden naar het buitenland. Op dit moment is het een organisatie met veel enthousiasme interne systemen bouwt en ontwikkelt. Ze werken met hun eigen framework. Je zult de leiding krijgen over een jong team van zes ontwikkelaars, waarin prestatie wordt afgewisseld met gezelligheid. Binnen de organisatie heerst een informele sfeer met een no-nonsense cultuur. Functie-omschrijving Het is belangrijk dat je op de hoogte bent van de laatste technieken in jouw vakgebied. Jij zorgt ervoor dat de systemen ondanks de

Bekijk vacature »

Medior / Senior Front-end developer met ruime JS k

Met ruim 10 jaar ervaring in de telecom en een team van in totaal 25 FTE mag deze partij zich zeer stabiel noemen. Los van stabiliteit is er de laatste jaren een duidelijke organische groei te zien in zowel het klantenportfolio als wel in het development-team (10 FTE) en is het verloop erg laag. Toch is men nog altijd druk bezig om de manier van werken verder te stroomlijnen en kansen op technisch gebied aan te grijpen. Kansen die overigens veelal ontstaan vanuit de vraag van haar klanten. De klanten van deze onderneming bestaan uit veelal grote en bekende namen,

Bekijk vacature »
Dennis WhoCares

Dennis WhoCares

07/11/2018 20:41:03
Quote Anchor link
Hi allemaal,

Ik ben met een dynamische tabel bezig waar vooraf al data in kan staan, en via jquery data toevoeg en verwijder.
Nou voorzie ik elke regel van een bootstrap dropdown menu met een keuze om te verwijderen.
Omdat ik lui ben gebruik ik jquery om het regelnummer en de 'key' te vinden om te verwijderen of aan te passen.
Hiervoor heb ik een click event toegevoegd aan de dropdown knop:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
$(document).on('click', 'button.dropdown-toggle', function(event) {
    var mContainer = $(this).closest('.data-card');
    
    var findIn = '#' + $(mContainer).attr('id') + ' .row';
    tRow = $(findIn).index($(this).closest('.row'));
    
    console.log(tRow);
});


Nou zit ik met het volgende, deze functie werkt maar 1 keer...
Zelfs als ik in dezelfde functie hierin toevoeg als $(this).click(function() { ... });

Heeft iemand hier ervaring mee ? :D

Toevoeging op 07/11/2018 21:25:02:

Ik vind het zelf toevoegen van de dropdown show, en de hide, en hide als er buiten het menu geklikt wordt en/of op een link in de dropdown en alle classes en aria's terugplaatsen veel te veel werk en veel te veel gerommel in de m'n code.
Gewijzigd op 07/11/2018 21:10:55 door Dennis WhoCares
 
PHP hulp

PHP hulp

14/11/2018 02:39:07
 
Thomas van den Heuvel

Thomas van den Heuvel

07/11/2018 22:00:57
Quote Anchor link
Wat je mogelijk nodig hebt is een delegated event handler. Dit is in wezen een indirect gekoppelde event handler die uitgaat van een container waarin dynamisch toegevoegde elementen zitten.

Dus als je zoiets hebt:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
$().ready(function() {
    $('#container').on('click', 'a.class', function(e) {
        // do stuff
    });
});

Zou dat moeten werken.
Gewijzigd op 07/11/2018 22:50:37 door Thomas van den Heuvel
 
Dennis WhoCares

Dennis WhoCares

08/11/2018 07:08:44
Quote Anchor link
Hi Thomas,

dit heb ik inderdaad ook geprobeerd met simpelweg 'body' als de "container", maar ook dit mocht niet baten, het is alsof de click event unbind() wordt

Wel als ik event.stopPropagation() toepas, maar dan werkt de dropdown niet meer ;-)
Dan moet ik handmatig de dropdown's container, dropdownmenu en knop classes en aria's bijwerken. En ook als ik ergens anders op klik dan de dropdown knop zelf alles weer terug plaatsen -_-

Ik hoopte dat iemand hier dit probleem ook heeft, wellicht is het een bootstrap4 dingetje...
Ik zal de click event wel een beetje aanpassen naar de linkjes in de dropdown zelf. Wel irritant, maar heb maar 3 acties: copy/clone,delete,edit dus dat scheelt dan wel
Gewijzigd op 08/11/2018 07:11:52 door Dennis WhoCares
 
Thomas van den Heuvel

Thomas van den Heuvel

08/11/2018 10:25:01
Quote Anchor link
Als ik het goed begrijp doet Bootstrap zelf niets met events, het is aan de gebruiker om deze zelf toe te voegen. Als dit zo is, zou er dus ook niets in de weg moeten staan.

Mogelijk is het volgende aan de hand:
Quote:
You might not be setting your anchor's id correctly, or you might be binding before the elements exist - I highly recommend using jQuery's on in this case.

Zoals hier beschreven wordt.

In het meest ideale geval komt het toch neer op het nalopen van je selectors etcetera. Misschien kun je iets met e.currentTarget zoals in het eerdere gelinkte topic wordt aangehaald. Ook zou je stap voor stap na kunnen gaan wat wel en niet lukt door wat berichten in je console te dumpen met console.log() en e.e.a. na te lopen met de inspector van je browser om dingen uit te sluiten.

EDIT: ik neem ook aan dat je fouten in JavaScript of de HTML-structuur hebt uitgesloten. Mogelijk gaat er iets op een andere plaats stuk waardoor het niet werkt.
Gewijzigd op 08/11/2018 11:13:13 door Thomas van den Heuvel
 
Dennis WhoCares

Dennis WhoCares

09/11/2018 14:08:02
Quote Anchor link
Hi Thomas,

de selectors zijn correct, maar mijn eigen functie triggered maar 1 keer. Daarna niet meer alsof bootstrap zelf 'eventuele' andere functies unbind.
De popup blijft wel werken.

Maar ik heb het al opgelost door de index lookups toe te voegen aan elke .copy, .edit en .delete link binnenin de popup.

Thanks!
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.