web-dev-qa-db-fra.com

Comment appeler le chemin du plugin dans JS?

J'utilise wp-store-locator plugin et je veux ajouter le chemin du répertoire du plugin à mon JS.

html = "<li data-store-id='" + id + "'><div><p>" + storeImg + "<strong>" + store + "</strong><span class='wpsl-street'>" + address + "</span>" + address2 + city + " " + state + " " + Zip + "</p>" + moreInfo + "<span><a href='plugin-urlpath/store-listings.php' class='more-details'>More details</a></span></div></li>";

return html;

Comment puis je faire ça ? Le chemin du plugin est à la fin de html.

ÉDITÉ:

C'est ce que j'ai fait:

wp_enqueue_script( 'wpsl-gmap', ( "//maps.google.com/maps/api/js?sensor=false&libraries=places&language=" . $this->settings['api_language'] ), false, '', true ); 
wp_localize_script('wpsl-gmap', 'wpsl-gmap', array('pluginsUrl' => plugins_url(,__FILE__)));

Puis ajouté cette ligne à wpsl-gmap.js

var href = wpsl-gmap.pluginsUrl + '/path/to/resource';
html = "<li data-store-id='" + id + "'><div><p>" + storeImg + "<strong>" + store + "</strong><span class='wpsl-street'>" + address + "</span>" + address2 + city + " " + state + " " + Zip + "</p>" + moreInfo + "<span><a href='" + href + "' class='more-details'>More details</a></span></div></li>";

Cela ne donne aucune erreur. Mais cela ne montre pas non plus l'emplacement du magasin.

NOTEIl était affiché correctement avant de le faire.

2
Twix

Utilisez wp_localize_script() pour transmettre tout type de données à vos scripts chargés. Dans ce cas, nous avons besoin de plugins_url() :

wp_enqueue_script('my-script', get_stylesheet_directory_uri() . '/js/my-script.js');
wp_localize_script('my-script', 'myScript', array(
    'pluginsUrl' => plugins_url(),
));

Maintenant, vous aurez accès à myScript.pluginsUrl dans votre fichier de script:

var href = myScript.pluginsUrl + '/path/to/resource';
7
Ahmad M