Appeler une fonction d'un plugin depuis l'exterieur

**SpaceFrog** · 06/06/2013, 14h57

Le contexte
un plugin:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
jQuery.fn.pluginobscur = function(options) {
var settings = jQuery.extend({
selectorParent: jQuery(this)
}, options);
return jQuery.rotatorrr(settings);
}
jQuery.pluginobscur = function(options) {
// Settings
var settings = jQuery.extend({  ...
 
../..
 
function methodeduplugin(){ ...}
 
}

je cherche à invoquer methodeduplugin() depuis un lien href sur la page ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$.pluginobscur.methodeduplugin()

ne fonctionne pas ? le plugin serait il mal construit ?

**Bovino** · 06/06/2013, 15h53

L'objet que tu retournes depuis ton plugin (return jQuery.rotatorrr(settings);) ne contient pas la méthode que tu cherches... Donc tu ne peux pas chainer.

**SpaceFrog** · 06/06/2013, 16h39

fail ...
non en fait la code c'est

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
jQuery.fn.pluginobscur = function(options) {
var settings = jQuery.extend({
selectorParent: jQuery(this)
}, options);
return jQuery.pluginobscur(settings);
}
jQuery.pluginobscur = function(options) {
// Settings
var settings = jQuery.extend({  ...
 
../..
 
function methodeduplugin(){ ...}
 
}

donc bien le bon objet retourné

**danielhagnoul** · 06/06/2013, 22h32

Je crois qu'il faut conserver la structure classique d'un plugin (chaînage des instructions) et rendre disponible un objet (jObj) construit à l'intérieur d'un plugin. Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0">
	<meta name="author" content="Daniel Hagnoul">
	<title>Forum jQuery</title>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/headjs/0.99/head.min.js"></script>
	<script>
		"use strict";
 
		head.js( 
			"http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js", 
			"http://code.jquery.com/jquery-2.0.0.min.js",
			"http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/i18n/jquery-ui-i18n.min.js",
			"http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js",
			"http://danielhagnoul.developpez.com/lib/dvjh/base.js",
			function(){
 
				( function( $ ){
 
					/*
					 * Rendre disponible un objet (jObj) construit 
					 * à l'intérieur d'un plugin
					 */
 
					$.fn.dvjhMonPlugin = function( options ){
						var opts = $.extend( true, {}, $.fn.dvjhMonPlugin.defaults, options );
 
						return this.each( function( i, item){
							$( item ).css( opts.css );
 
							$.fn.dvjhMonPlugin.defaults.jObj = {
								"pseudo" : "danielhagnoul",
								"add" : function( x, y ){
									return parseInt( (x + y), 10 );
								}
							}
 
						});
 
					};
 
					$.fn.dvjhMonPlugin.defaults = {
						"css" : {
							"background-color" : "#E4CE8C",
							"color" : "#3E803E"
						},
						jObj : null
					};
 
				})( jQuery );
 
				$( function(){
 
					$( ".conteneur" )
						.html( "<p>Un texte pour test !</p>" )
						.dvjhMonPlugin()
						.css( "margin-left", "2.4rem" );
 
					var jObj = $.fn.dvjhMonPlugin.defaults.jObj;
 
					if ( jObj ){
 
						$( ".conteneur" )
							.append( "<p>" + jObj.pseudo + "</p>" )
							.append( "<p>Addition d'entiers : 3.5 + 7.12 = " + jObj.add( 3.5, 7.12 ) + "</p>" );
					}
 
				});
 
				$( window ).load( function(){
 
 
				});
			}
		);
	</script>
	<link href='http://fonts.googleapis.com/css?family=Sofia|Ubuntu:400|Kreon'>
	<link rel="stylesheet" href="http://danielhagnoul.developpez.com/styles/dvjhRemBase.css">
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/sunny/jquery-ui.min.css">
	<style>
		/* TEST -- Nota bene : ici 1 rem est égal à 1 px, voir dvjhRemBase.css */
 
	</style>
</head>
<body>
	<header>
		<hgroup>
			<h1>Forum jQuery</h1>
			<h2>
				<a href="">Lien</a>
			</h2>
		</hgroup>
	</header>
	<section class="conteneur">
 
	</section>
	<footer itemscope itemtype="http://danielhagnoul.developpez.com/">
		<time datetime="2013-06-06T22:28:46.840+02:00" pubdate>2013-06-06T22:28:46.840+02:00</time>
		<span itemprop="name">Daniel Hagnoul</span>
		<a href="http://www.developpez.net/forums/u285162/danielhagnoul/" itemprop="url">@danielhagnoul</a>
		<a href="http://danielhagnoul.developpez.com/" itemprop="url">Mon cahier d’exercices</a>
		<a href="http://javascript.developpez.com/faq/jquery/" itemprop="url">FAQ</a>
		<a href="http://javascript.developpez.com/cours/?page=frameworks#jquery" itemprop="url">Tutoriels</a>
	</footer>
</body>
</html>

**SpaceFrog** · 07/06/2013, 08h26

Ce qui tendrait a démontrer que le plugin est boiteux

Appeler une fonction d'un plugin depuis l'exterieur

jQuery

Discussions similaires

Partager

Partager