[jQuery] Hergebruik naamloze functie

[IMarks]

Ik ben bezig met een jQuery script die van een select een dropdown maakt ik gebruik hiervoor een open source script, de volledige documentatie en source staat hier. Het gedeelte wat er naar mijn inziens toe doet is volgens mij onderstaand.

Het probleem
De dropdown checklist moet worden samengebruikt met een eigen script "voeg een rij toe".
Dit script werkt volledig naar behoren, hier dus geen omkijken na maar de script voor de select
wordt enkel uitgevoerd bij een pagina load en daarna doet het niks meer.

Nou is mijn jQuery kennis helaas niet zo goed dat ik direct waar ik na moet kijken, ik zie inderdaad enkele regels als

code:

_create: function(){ 
},
_init: function(){
}

maar ik heb geen idee hoe ik de onclick kan oproepen de functie nog een keer uit te voeren zodat nieuwe select's ook aangepast worden naar een dropdown select.

als iemand mij dit zou kunnen vertalen dat ik ze kan oproepen of hoe ik ze moet hernoemen terwijl het toch blijf werken zou dat fijn zijn. (1 regel voorbeeld code is voldoende)

(de reden dat ik twijfel over het hernoemen is dat ik alle open, close en keypress functions wel gekoppeld zie met een }, _(actie) function(){,)

ik hoop hiermee voldoende informatie te hebben gegeven, met google kom ik er namelijk helaas niet uit.

code:

(function($, undefined){

var multiselectID = 0;

$.widget("ech.multiselect", {

    // default options
    options: {
        // enkele opties, lijkt me niet nodig ze op te noemen
    },

    _create: function(){

    },

[ Voor 9% gewijzigd door IMarks op 19-10-2012 10:01 ]

[IMarks]

het is al opgelost de oplossing was opties in de header in een function zetten en die oproepen na het aanmaken van de nieuwe regel.
code ziet er nu als volgt uit, de code die bovenstaand genoemd is ongewijzigd

code:

<script type="text/javascript">
        multiselect();
        function multiselect ()
        {
            $(function(){
                $("select").multiselect({
                    selectedList: 2
                });
                $("select.single").multiselect({
                   // enkele opties
                });
            });
        }
        </script>

en de onclick ziet er zo uit

code:

onClick="addInput('select');multiselect();"

[OkkE]

Aangezien je toch jQuery gebruikt zou ik dat geen onClick gebruiken, maar het ook met jQuery toevoegen:

JavaScript:

$('elm').click(function(){
// do stuff
});

[meneer william]

Ja humm een beetje rare beredenering. Ik heb zomaar het idee dat je niet helemaal het idee van Jquery hebt begrepen. Het is namelijk zo dat het meeste al voor je voorgekauwd is.

Zo is het handiger om een element te selecteren en daar een event aan te koppelen. @OkkE doet daar voor al een goeie suggestie. Toch moet ik daar dit aan toevoegen:

JavaScript: script.js

$('.knopje').live('click', function(){
   var data = $(this).attr("value");
   
   //doe iets
});

Let hierbij op dat de live functie wordt gebruikt met ajax. Het zorgt ervoor dat de code beschikbaar blijft na het laden van een ajax request. Ook kun je alle knopjes hetzelfde noemen en met this selector het value of eigen bedachte attributen gebruiken om daarop een actie uit te voeren. Met this pak je dus het elements wat getriggert is. In dit voorbeeld gebruik ik expres .attr omdat deze het value van alle attributen kan pakken. Je hebt namelijk ook de .val functie waarmee je het value van het value attribuut pakt.

Je moet Jquery vooral zien als dom selector en manipulator. Ook kun je hiermee het gebruik van javascript en Jquery uitdunnen. Als je het goed opzet kun je met html en PHP alles maken zonder nog naar je js te hoeft kijken.

[ Voor 0% gewijzigd door meneer william op 20-10-2012 00:10 . Reden: had php gebruikt inplaats van js in code tag ]

[Manuel]

@meneer william: Jammer dat je een deprecated methode gebruikt, sinds kort is het .on.

Als ik de documentatie van de module zo lees wordt er gebruik gemaakt van events, waarom hier niet een callback aan vast knopen?

[ Voor 6% gewijzigd door Manuel op 20-10-2012 00:54 . Reden: typo ]