Bootstrap dropdown click action

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

C++ Embedded Software Ontwikkelaar Qt 3.100 - 4.50

Functieomschrijving C++ Embedded Software Ontwikkelaar Qt 3.100 - 4.500 C++ Ontwikkelaar Voor de vacature als C++ Embedded Software Ontwikkelaar Harderwijk Qt ga je het volgende doen: Je werkt met programmeertalen QT en C++. Daarnaast Android voor App development, GPS voor RTK-lib en Linux (yocto) embedded development. Cellular en wifi/bluetooth wordt in de apparatuur eveneens gebruikt. De data voor de verschillende producten wordt continu vernieuwd, je bent dan ook een snelle schakelaar en weet hier adequaat in te handelen. In ons bedrijf werken we met moderne technologieën aan diverse projecten. Het is van belang dat jij interesse hebt in technieken en

Bekijk vacature »

Java Developer

Java Developer Voor mijn opdrachtgever in de regio Utrecht ben ik op zoek naar een ervaren Java Developer. De voorkeur gaat uit naar een fullstack developer welke breed inzetbaar is. De opdrachtgever wordt gekenmerkt door het gebruik van nieuwe toolings en technieken. Je komt terecht in een team van ervaren specialisten. Deze gaan nauw samenwerken aan de doorontwikkeling en nieuwbouw van diverse applicaties. Gewenste ervaring Java Angular Spring Boot Docker Maven Jenkins Jira Confluence Git Agile / Scrum Algemene informatie Locatie: regio Utrecht Duur: 6 maanden met optie tot verlenging Uren per week: minimaal 32/ maximaal 40 uur Start: z.s.m.

Bekijk vacature »

Senior PHP developer? Programmeren voor grote spel

Deze organisatie werkt met een eigen framework en ze maken platforms op maat voor de A merken in Nederland. Van de strategie tot aan de technische ontwikkeling zit bij hun in het pakket. Ze zijn één van de grootste in de regio en hebben verschillende prijzen gewonnen. De ambitie om internationaal te gaan is sterk aanwezig. Het bedrijf telt 40 werknemers en daarvan zijn er 17 developers. Ze zijn hard aan het groeien en zijn op zoek naar een Senior PHP developer. Wanneer je ambitie hebt, liggen hier doorgroeimogelijkheden om Lead developer te worden. Het is een gezellige en informele

Bekijk vacature »

Medior C#.Net ontwikkelaar gezocht voor internatio

Ben jij een echte teamspeler en beschik je over een gezonde dosis humor. Lees dan verder… Dit bedrijf is al 15 jaar gevestigd in het midden van Nederland. Ze hebben één vestiging in Nederland en hebben meerdere vestigingen verspreidt over de rest van de wereld. Het bedrijf telt internationaal 150 medewerkers waarvan er 30 in Nederland actief zijn. Ze hebben de wens om organisch te blijven groeien en zo hun positie als marktleider vast te houden. Dit bedrijf levert software voor accountants die voldoet aan de verplichte actuele richtlijnen op het gebied van nationale en internationale regelgeving. Omdat zij zelf

Bekijk vacature »

Ben jij dé Junior PHP Developer die wij zoe

Dit bedrijf is 14 jaar geleden gestart in Nederland. Ze zijn begonnen in de drukwerk industrie en zijn vanaf daar uitgegroeid tot een vooruitstrevende IT bedrijf. Het bedrijf is gespecialiseerd in maatwerk voor MKB en andere grote bedrijven als Eneco. Ook ontwikkel je webapplicaties. Het team bestaat uit 5 medewerkers waaronder een tweetal zeer ervaren developers . De klanten van het bedrijf zijn erg verschillend. Waardoor de projecten ook erg veel afwisseling bieden. Het bedrijf blijft groeien en er liggen nog vele mooie uitdagende projecten in het verschiet. Functie-omschrijving Je houd je bezig met het ontwikkelen van webapplicaties en het

Bekijk vacature »

Enthousiaste Medior PHP developer die in het Zuide

Het bedrijf zit in de laatste fase van een start up. Het is een jong bedrijf die de eerste jaren heel hard heeft gewerkt en daar kunnen ze nu het resultaat van zien. Wegens groei willen ze uitbreiden en zijn ze op zoek naar een Medior PHP developer. Ze zijn op het punt beland dat ze willen groeien en verdere stappen willen gaan maken. Dit bedrijf werkt niet op project basis, maar ze werken op een langlopend traject voor verschillende sectoren dat kan verschillen van commerciële evenementen tot de zorg, maar ook op juridisch vlak zijn ze actief. Het bedrijf

Bekijk vacature »

Ervaren front-end developer / Client-side Javascri

Voor een snelgroeiende onderneming op loopafstand van een treinstation in het centrum van Amsterdam zijn wij hard op zoek naar versterking. Waar men ooit van start ging in de exploitatie van een SAAS-oplossing weten de grotere spelers binnen de door hen bediende niche-markt hen nu ook te vinden voor maatwerk applicaties. Met de komst van deze verzoeken dient de oplossing opeens 30x zoveel traffic aan te kunnen en dus zijn er voldoende technische vraagstukken om je als developer in vast te bijten. Functie-omschrijving Het team bestaat op dit moment uit een groep van o.a. 7 ervaren backend (PHP) developers, een

Bekijk vacature »

Werken met PHP, Laravel, Docker, Elastic Search en

De organisatie: Deze organisatie bestaat inmiddels ruim 10 jaar, als digitaliseringspartner hebben ze zich gespecialiseerd in het uitdenken, ontwerpen en ontwikkelen van slimme & duurzame producten. Dit zijn voornamelijk heavy back-end producten zoals Portals, API’s en maatwerk applicaties. Een voorbeeld hiervan is een herhaalbestellingenportaal voor een grote medische zorginstelling. Vanuit een modern pand werken ze inmiddels met zo’n 30 collega’s, er zijn moderne werkplekken met een MAC of 2 schermen, verzorgde lunch en genoeg (ongezonde) drankjes op voorraad! Beide oprichters hebben een technische achtergrond en kiezen bewust voor een informele sfeer waarin passie voor het vak de toon zet. Ben

Bekijk vacature »

Als Junior / Medior developer aan de slag voor gro

Begin jaren 2000 vestigde dit bedrijf zich in het landschap van de Noordelijke Nederlanden. De visie en kernbegrippen om de wereld van internet een vernieuwend en innovatief jasje te geven, heeft door de jaren door voor de groei van het bedrijf gezorgd. Vanuit de drukwerk industrie werd er door het bedrijf in de vroegere jaren van zijn bestaan al websites gebouwd. Echter miste de websites bepaalde aspecten, die veel beter gemaakt zouden kunnen worden. Dit heeft ervoor gezorgd dat ze zich zijn gaan focussen op de potentie van de websites, en die altijd volledig te benutten. Het team bestaat momenteel

Bekijk vacature »

Senior PHP developer verzekeringenbranche

Organisatie Een van Nederlands grootste verzekeringsmaatschappijen is opzoek naar een goede PHP developer. De organisatie is zo’n 220 man groot en heeft een development team van 15 developers. De IT afdeling speelt een belangrijke rol binnen de organisatie. De klanten regelen steeds meer online en veel is een geautomatiseerd proces. Deze grootschalige verzekering is gespecialiseerd in de auto, reis, aansprakelijkheid, inboedel, zorg, studentenzorg, woonhuis pechhulp, rechtsbijstand en annuleringsverzekeringen. Met bijna 300.000 klanten behoren zij tot de absolute top! Functie Als senior PHP developer bedenk je niet alleen nieuwe functionaliteiten, je gaat ze ook daadwerkelijk ontwikkelen. Je perfectioneert de technologie die

Bekijk vacature »

React native developer

I'm looking for a client of mine for a React Native Developer (senior) for an interesting freelance project in Amsterdam. Are you ready to work on an existing react web project, and familiar with ReactJS, NextJS, and Redux? Are you experienced with mobile/app development? Because this project is focussed on a mobile app. The team is operation on its self. Start: ASAP Duration: 6 months Location: Amsterdam 4-5 days on location. English&Dutch If you're available please sent me your most recent CV and I will contact you. Or if you know someone in your network please let me know. Kind

Bekijk vacature »

Senior .NET developer met ervaring in High perform

Deze organisatie is ruim drie jaar actief met de ontwikkeling van een innovatief high performance platform. In deze relatief korte periode is er een stabiele basis en een professionele werkomgeving gecreëerd (luxe zetels met mooie grote beeldschermen) en bedienen zij bijna 90% van de markt. Ook hebben zij in de relatief korte periode al een innovatieprijs in de wacht gesleept. Ondanks dat er hard wordt gewerkt heerst er een informele en relaxte sfeer. In zijn totaliteit telt de organisatie zes medewerkers waarvan de helft actief is als C# developer. Functie-omschrijving Omdat je gaat werken aan een platform welke bijna honderd

Bekijk vacature »

Medior PHP Developer gezocht regio Eindhoven!

Bedrijfsinfo Dit bedrijf telt maar liefst 150 medewerkers en is opgedeeld in verschillende takken. Ze werken voor erg grote, bekende merken. Ondanks de grote van de organisatie en de merken waarvoor ze werken zijn ze nog erg normaal gebleven: Er heerst een informele sfeer en je kan nog altijd gewoon bij de directie binnenstappen voor een babbel, sterker nog. Dat zien ze graag. Daarnaast heeft deze organisatie uitstekende arbeidsvoorwaarden en ben je erg vrij om je resultaat te bereiken zoals jij dat wilt. Deze organisatie groeit stabiel en wil haar development team verder uit gaan breiden om zo door te

Bekijk vacature »

Mendix Developer

Ben jij iemand die handig is met het modelleren en programmeren van nieuwe applicaties! Dan is dit de baan voor jou!! Functieomschrijving Als Mendix Developer realiseer jij met de opdrachtgever en collega's web- en mobiele bedrijfsapplicaties. Jij bent daarom technische goed onderlegd en hebt affiniteit met het model; Driven Development. Je werkt in een hecht team, multidisciplinair en zelfsturend. Dat betekent dat het team zelfstandig in staat is alle taken van ontwerp, realisatie, testen tot en met de oplevering te verzorgen. Dit gebeurt op een agile-werkwijze. Binnen het team is er ruimte om je te richten op je persoonlijke en

Bekijk vacature »

Medior: Ontwikkelen in PHP met kennis van Drupal

Dit jonge, maar snelgroeiend bedrijf is al 3 jaar actief op de markt met een specifieke specialisatie waarin zij gespecialiseerd zijn. 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 actief

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

20/01/2019 00:59:49
 
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.