web-dev-qa-db-fra.com

Comment utiliser ce JavaScript avec get_permalink

Je suis assez nouveau sur ce forum génial, donc je ne sais pas si cette question ci-dessous est ici.

Un peu de JavaScript, qui fonctionne parfaitement lorsque j'y ajoute une URL statique, mais je ne vois pas comment faire avec get_permalink()

var $el, $tempDiv, $tempButton, divHeight = 0;

$.fn.middleBoxButton = function(text, url) {

return this.hover(function(e) {

$el = $(this).css("border-color", "white");
    divHeight = $el.height() + parseInt($el.css("padding-top")) + parseInt($el.css("padding-bottom"));

    $tempDiv = $("<div />", {
        "class": "overlay rounded"
    });

    $tempButton = $("<a />", {
        "text": text,
        "href": url,
        "class": "widget-button rounded",
        "css": {
            "top": (divHeight / 2) - 7 + "px"
        }
    }).appendTo($tempDiv);

    $tempDiv.appendTo($el);

}, function(e) {

    $el = $(this).css("border-color", "#999");

    $(".overlay").fadeOut("fast", function() {
        $(this).remove();
    })
});
}

$(function() {
$(".widget-one").middleBoxButton("Read More", "http:// bla bla bla");

});

Toute aide que j'aimerais obtenir.

permalinksjavascript
2
Jerry.S

La meilleure façon de le faire est probablement comme suggéré ci-dessus en utilisant wp_localize_script.

Vous n'avez pas mentionné comment vous incluez le javascript - mais je vais supposer que vous le faites comme WordPress. Donc, quelque chose comme ça:

add_action( 'wp_enqueue_scripts', 'wwm_enqueue_scripts' );

function wwm_enqueue_scripts()
{

 //see the documentation if you don't understand what's going on here. 
 wp_enqueue_script( 'some-handle', '/path/to/my-custom-js.js', $deps, $version, $in_footer' );
 //now, to define a javascript variable for the script to use
 wp_localize_script( 'some-handle', 'someUniqueName', array( 'myPermalink' => get_permalink(), ) );
}

maintenant, le lien permanent sera accessible à votre javascript via someUniqueName.myPermalink alors ...

$(function() {
$(".widget-one").middleBoxButton("Read More", someUniqueName.myPermalink);

});

le bit clé de ceci est documenté à: http://codex.wordpress.org/Function_Reference/wp_localize_script

3
Will the Web Mechanic