Question

hola a todos, tengo esté código, quisiera saber como le hago para enviar a una función con onclick

codigo:

function SmartWizard(target, options) {
    this.target       = target;
    this.options      = options;
    this.curStepIdx   = options.selected;
    this.steps        = $(target).children("ul").children("li").children("a"); // Get all anchors
    this.contentWidth = 0;
    this.msgBox = $('<div class="msgBox"><div class="content"></div><a href="#" class="close">X</a></div>');
    this.elmStepContainer = $('<div></div>').addClass("stepContainer");
    this.loader = $('<div>Loading</div>').addClass("loader");
    this.buttons = {
        **next : $('<a>'+options.labelNext+'</a>').attr("href","#").addClass("btn btn-success"),**
        previous : $('<a>'+options.labelPrevious+'</a>').attr("href","#").addClass("btn btn-primary"),
        finish  : $('<a>'+options.labelFinish+'</a>').attr("href","#").addClass("btn btn-default")
    };

la parte marcada ** (next) es la que me interesa que entre a la función nueva que quiero hacer
Saludos

Answer 1

En el evento onClick() del elemento que quieras, podés poner el llamado a la función:

<a haref="#" onclick="nombre_funcion(par1, par2)">texto</a>

Usando un A, tenés que impedir que se llame al HREF con preventDefault o similar. También se puede poner sobre un DIV o un BUTTON de tipo button, que no hace nada.

Lo complejo que veo, además de que tu código no está escrito sino que se genera, es que las funciones no son explícitas sino funciones anónimas dentro de atributos, lo que hace difícil la semántica de la llamada... pero siempre podés reasignar una función a una variable e invorla como tal.

Por qué te hace falta que NEXT, PREVIOUS y FINISH tengan ese formato en vez de ser funciones declaradas explícitamente?

Saludos cordiales!