[GELÖST] jQuery UI Multidraggable: options von außerhalb sichtbar?

[znieh99]

Ich verwende die Funktionen von 'jQuery UI Multidraggable' um mehrere Bilder gleichzeitig zu bewegen. Das funktioniert klaglos. Nun möchte ich aber auf 'options' die dort erstellt und gesetzt werden können, auch von außerhalb zugreifen und sie ändern. Jedoch bekomme ich sie über das DOM-Element 'img' gar nicht zu sehen.

Gibt es eine Möglichkeit das zu tun?

Der folgende Code-Teil zeigt die Initialisierung der 'img-elemente'.

(function($) {

$.widget("ui.multidraggable", $.extend({}, $.ui.draggable.prototype, {
	_init: function() {

		if (this.options.helper == 'original' && !(/^(?:r|a|f)/).test(this.element.css("position")))
			this.element[0].style.position = 'relative';

		(this.options.addClasses && this.element.addClass("ui-draggable"));
		(this.options.disabled && this.element.addClass("ui-draggable-disabled"));

		this._mouseInit();
		
		this.options.isMain = false;
                this.options.myOption = 100;    //VON MIR und hier auch sichtbar
	},
        ...

// Code außßerhalb
var ele = $('.multidraggable')[0];  //in ele sind 'options' nicht sichtbar !!

lg heinz

 

[kkapsner]

Lass dir doch in der _init mal per console.log() ausgeben, auf was this genau zeigt.

 

[znieh99]

Lass dir doch in der _init mal per console.log() ausgeben, auf was this genau zeigt.

Das this im -init: in options stehen diese Key/Value Werte.
console.log(this); bringt nur [object Object] (18:12:03:074)

 

[znieh99]

Ich habe für das Auslesen eine Lösung gefunden. Leider noch keine zum Ändern einer Option von Außen.

(function($) {

$.widget("ui.multidraggable", $.extend({}, $.ui.draggable.prototype, {
	_init: function() {

		if (this.options.helper == 'original' && !(/^(?:r|a|f)/).test(this.element.css("position")))
			this.element[0].style.position = 'relative';

		(this.options.addClasses && this.element.addClass("ui-draggable"));
		(this.options.disabled && this.element.addClass("ui-draggable-disabled"));

		this._mouseInit();
		
		this.options.isMain = false;
                this.options.myOption = 100;    //VON MIR und hier auch sichtbar
	},
        ...

Lösung:

    // Initialisierung des widget
 instance = $(".multidraggable").multidraggable();
   // Auslesen einer Option
var a = $(instance[1]).multidraggable('option', 'myOption');

lg heinz

 

[kkapsner]

Schon

$(instance[1]).multidraggable('option', {myOption: 50});

probiert?

 

[znieh99]

Schon

$(instance[1]).multidraggable('option', {myOption: 50});

probiert?

Ja, funktioniert!
Danke und lG Heinz

 

[kkapsner]

Danke

Bitte - gern geschehen.