Bootstrap dropdown click action

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

medior .NET Developer

Organisatie Deze Digital Agency specialiseert zich met name op klanten in de non-profit sector. Het concept, de code, het design en vervolgens de online marketing wordt volledig uit handen genomen door deze organisatie. Met ruim 30 man in dienst in een organisatie die al ruim 9 jaar bestaat kom je terecht in een omgeving waar zowel backend als frontend developers werken en wat marketeers. Opererend vanuit omgeving Tilburg bedienen ze de gehele Nederlandse markt met een breed klantenbestand van goede doelen tot overheidsinstanties. De meeste applicaties worden wereldwijd gebruikt en hebben tienduizenden eindgebruikers. Een leuke bijkomstigheid aan deze organisatie is

Bekijk vacature »

Front-end Developer Innovatie staat voor jou op nr

Droom jij wel eens over de nieuwste en vetste technologieën binnen de frontend van software development? Is het antwoord op deze vraag, ja? Beeld je je dan eens in dat jouw dagelijkse gereedschapskist bestaat uit deze technologieën. Iedere dag mag jij weer een keuze maken met welk stukje gereedschap jij die dag gaat werken. Met deze overvolle gereedschapskist bouw jij de meest toffe portals en websites voor de meest toonaangevende bedrijven. Dit doe jij in een jong en hoogstaand team, waarin jullie agile-scrum werken. Binnen het team is er veel kruisbestuiving. Dit komt doordat er binnen jouw team, van 25

Bekijk vacature »

Junior .NET C# developer Consultancy

Organisatie Wil jij je gaan ontwikkelen en écht stappen gaan maken? Wil jij gaan kijken in verschillende keukens én in-house werken bij een snel groeiende organisatie? Bij een bedrijf waar jij niet een nummertje bent maar waar iedereen jouw persoonlijk kent? Dan is dit jouw volgende stap. Onze partner is sinds 2015 hard aan de weg aan het timmeren en is in het afgelopen jaar gegroeid van 10 naar 20 werknemers waarvan 18 IT’ers en ze stoppen niet met groeien. Ze zijn een elite club IT-specialisten in Microsoft .NET en zijn daarom ook één van de sterkere spelers voor het

Bekijk vacature »

PHP Developer

Organisatie Vanaf de buitenkant is het lastig te zien maar in een kantoor in het centrum van Eindhoven gaat een heuse PHP paradijs schuil, aan de `hemelpoort` beneden bij de receptie zit een lieve dame die jou als een Petrus feilloos weet te vertellen welke kant je op moet om het heilige grond te betreden. Eenmaal boven wacht daar een hemelse bak koffie of thee en verwelkom jij je andere 20 teamleden met een goede (vrijdag)morgen. Vandaag is de dag dat jij je bezig gaat houden met 2 verschillende projecten, een hiervan staat in de ochtend centraal en de andere

Bekijk vacature »

Functional Application Manager Facilities Systems

Functional Application Manager - Facilities Systems About Kite Pharma, A GILEAD Company At Kite, we are at the forefront of immunotherapy and engineered T cell therapy. We are helping change the paradigm of cancer treatment and we are revolutionising individually tailored treatments. That means a fast moving and constantly changing environment, where we make discoveries every day – discoveries that include our own capabilities and our individual potential. In this job as Functional Application Manager Facilities Systems you will be the expert for building up, implementing and maintaining the facilities & maintenance systems for our new manufacturing site in Hoofddorp

Bekijk vacature »

Product Specialist

You’d better be with BetterBe! Ben jij op zoek naar een nieuwe uitdaging waar je de ruimte krijgt om jezelf te ontwikkelen en waar je kan bijdragen aan de ontwikkeling van een innovatief digitaal product. Wat doe je zoal? Als Product Specialist ben je verantwoordelijk voor het succesvol on-boarding van Europese klanten op ons SaaS-platform. Je helpt nieuwe en bestaande klanten bij het effectief inzetten van ons platform om zo de digitale transformatie in de hoogste versnelling te zetten. Dit betekent dat je onze nieuwe en bestaande klanten helpt bij het inrichten, configureren en in gebruik nemen van onze dienst.

Bekijk vacature »

Medior / Senior PHP webdeveloper gezocht met Scrum

Bedrijfsinfo Deze organisatie is binnen Nederland al een van de grootste in haar vakgebied en begint nu haar vleugels te spreiden naar Europa. Inmiddels zitten ze met 40 medewerkers in hartje Breda. Er heerst een informele, gemoedelijke sfeer in deze open en transparante organisatie. Het platform dat deze organisatie ontwikkeld kent dagelijks miljoenen paginaweergaves en wordt gebruikt door meer dan 14000 actieve klanten. Binnen deze organisatie ontwikkel je niet alleen mee aan de software maar ontwikkel je ook vriendschappen! Functieomschrijving Je zal onderdeel worden van een jong ontwikkelteam van 10 ontwikkelaars. Hierin zitten zowel frontend, backend als UX specialisten. Jou

Bekijk vacature »

Junior/Medior PHP Developer Maatschappelijk belang

Organisatie Bij binnenkomst kom je in een open ruime frisse werkplek terecht waar een hele relaxte en ontspannen sfeer hangt. Tijdens mijn kennismaking steekt de Directeur zijn handen uit de mouwen en is alvast de tafel aan het dekken voor de gezamenlijke lunch. Één team één taak en dat is innovatieve producten maken uit eigen initiatief maar ook in opdracht van klanten. Als PHP Developer ga je aan 3 projecten werken (ongeveer) Soms ben je in afwachting van feedback van de klant en ga je verder met een van de andere 2 projecten waar je op dat moment mee bezig

Bekijk vacature »

Medior PHP developer (Top 20 beste arbeidsvoorwaar

Organisatie Wil jij werken in een snelgroeiende organisatie die werkt voor de grootste telecom bedrijven in Nederland. Deze organisatie maakt whitelabels voor onder andere vaste telefonie, mobiele telefonie, internet en cloud oplossingen. Wil jij onderdeel worden van een organisatie die in de top 20 van de beste arbeidsvoorwaarden en meest tevreden medewerkers staat, lees dan verder! Deze organisatie, gevestigd in meerdere landen in Europa, bestaat nu 8 jaar en groeit nog steeds ieder jaar ontzettend hard. Op dit moment telt het hoofdkantoor in Amsterdam zo’n 250 medewerkers. Deze organisatie werkt voor de grote telecom bedrijven en biedt allerlei oplossing voor

Bekijk vacature »

PHP Freelancer zonder de lasten!

Jij hebt al een aantal jaren werkervaring in de PHP wereld en twijfelt over de stap naar freelancer… Want hoe lekker is het als je in overleg met de eindgebruiker je tijden kan bepalen, je veel vrijheid hebt, bij alleen toonaangevende organisaties terecht komt en ook nog eens DIK betaald krijgt? Voor veel ontwikkelaars is dit toch net een stap te ver. Zij willen gewoon lekker code kloppen en zich niet bezig houden met het regelen van opdrachten, administratieve zaken of andere randzaken. Klinkt dit bekend? Wij bieden de middenweg! Wie zijn wij? Wij zijn niet het stereotype organisatie waar

Bekijk vacature »

Drupal/ PHP developer

Organisatie Direct bij binnenkomst word je gegroet door baliemedewerkster. Jij loopt voorbij de twee StarWars figuren door naar de tweede verdieping. Hier staat de koffieautomaat al warm te draaien zodat jij samen met jou team eerst kan genieten van een lekker bakje! Samen met 23 andere ontwikkelaars is deze gezellige, ruime en lichte kantoor jullie plekje. Verdeeld over 5 scrumteams bestaande uit backend developers, een front-end developer en een tester maken jullie er dagelijks weer een gezellige dag van waar hard werken beloond wordt. Samen met jouw team bekijken jullie dagelijks de prioriteiten en schatten jullie het werk in van

Bekijk vacature »

Software Engineer

Software Engineer fulltime of parttime voor het verder ontwikkelen, customizen en implementeren van ons pakket Limis Planner, planningssoftware voor productiebedrijven. Wat is je rol? Als Software Engineer bij Limis werk je in een enthousiast klein team met direct klantcontact in een moderne enerverende werkomgeving. Klantwensen en ontwikkelingen in de markt doen voortdurend een beroep op je inventieve vermogen om passende oplossingen te ontwikkelen. Je kan daarbij direct contact hebben met een breed scala van (eind)gebruikers bij de bedrijven waar Limis Planner wordt toegepast voor de dagelijkse productieplanning. Wie zoeken wij? Je bent een gedreven persoon en hebt oog voor detail

Bekijk vacature »

netwerkspecialist routing en switching

Wat ga je doen? Je bent verantwoordelijk voor het dagelijks beheer van producten op het gebied van routing en switching. Samen met je collega's zorg je ervoor dat deze producten goed werken. Hierdoor kan een rechercheur zonder problemen belangrijke informatie over veroordeelde criminelen opzoeken in onze database en heeft het managementteam een soepele verbinding tijdens een videoconference met externe partners. Samen met je team maak je plannen van aanpak voor de uitvoering van werkzaamheden en je levert input aan voor de voorbereiding hiervan. Ook voer je wijzigingen uit in netwerkcomponenten, behandel je incidenten en draag je bij aan analyse en

Bekijk vacature »

PHP Developer / FinTech

Organisatie Tegenwoordig snoepen FinTech bedrijven veel marktaandeel weg van de traditionele banken. Wil jij graag in Hoofddorp werken bij een innoverende organisatie die de financiële markt op z’n kop zet? Deze organisatie gaat hard op zoek naar gedreven developers zodat ze hun groei bij kunnen houden! Net als AirBNB de hotelbranche op z’n kop zet en Tesla de autobranche overhoop gooit, doet dit bedrijf dat met de financiële markt! Met een directie die een succesvol verleden heeft in het bankwezen, bij onder andere Nederlands grootste banken, boekt het bedrijf sinds hun start 4 jaar geleden al prachtige resultaten. De core

Bekijk vacature »

Ambitieuze PHP developer

Organisatie Voor een van onze businesspartners met een zeer ambitieuze groeiplan zijn wij op zoek naar hoog gemotiveerde PHP ontwikkelaars. De organisatie is zo’n 50 man groot en al 7 jaar actief op deze markt. Naast dat zij op dit moment al een van de grootste zijn op het gebied van detachering, zijn zij nog steeds hard aan het groeien. Voornamelijk bestaat hun IT afdeling uit écht goede Java, Python, PHP en Front-End ontwikkelaars die meebouwen aan alleen de meest technische en uitdagende opdrachten. Zo bestaat hun portfolio uit organisaties zoals de Rabobank, MijnOverheid, T-Mobile, Sanoma, de Kamer van Koophandel

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

25/04/2019 20:57:12
Honeypot
 
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.