A ver si alguien me puede echar una mano.
El caso es que he implementado un código jquery que encontré googleando para poder compartir en redes sociales.
El caso es que necesito poder hacerlo en las ofertas listadas, en cada una de ellas. El botón está al lado de las estrellitas.
El problema es que no me cambia la url que le paso a la función que se encarga de generar todo, y se me queda la url de la última oferta del array.
La web es esta: http:/tarjetavipnavarra.com
Al mirar en la consola, me indica un error (por cada llamada a la función), como este:
TypeError: $ is not a function
No logro saber que pasa y como poder solucionarlo.
El código del archivo plugin.js es este:
-----------------------------------------------------------
(function ($) {
$.fn.shareButtons = function (url, options) {
// The URL is optional. If it is omitted, the plugin
// will use the URL of the current page.
if(typeof url === 'object') {
options = url;
url = window.location.href;
}
options = $.extend({
twitter : false,
facebook : false,
googlePlus : false,
pinterest: false,
whatsapp : false,
tumblr: false
}, options);
var url_encoded = encodeURIComponent(url);
// The URLs of the share pages for the supported services
var shareURLs = {
'twitter' : 'https://twitter.com/intent/tweet?url=' + url_encoded,
'facebook' : 'https://facebook.com/sharer.php?u=' + url_encoded,
'googlePlus' : 'https://plus.google.com/share?url=' + url_encoded,
'tumblr' : 'http://www.tumblr.com/share/link?url=' + url_encoded,
'whatsapp' : 'whatsapp://send?text=' + url_encoded,
'pinterest': 'https://pinterest.com/pin/create/button?url=' + url_encoded
};
// Twitter, Tumblr and Pinterest support more options, unique for their services.
// We handle them here and add them to the sharing URLs.
// Twitter supports:
// options.twitter.text - Default text of the tweet. The user can change it.
// options.twitter.via - A screen name to associate with the Tweet. (By default: none)
if(options.twitter) {
if (options.twitter.text) {
shareURLs['twitter'] += '&text=' + encodeURIComponent(options.twitter.text);
}
if (options.twitter.via) {
shareURLs['twitter'] += '&via=' + encodeURIComponent(options.twitter.via);
}
}
// Tumblr supports:
// options.tumblr.name - Title of the post (By default: none)
// options.tumblr.description - Description of the post (By default: none)
if(options.tumblr) {
if (options.tumblr.name) {
shareURLs['tumblr'] += '&name=' + encodeURIComponent(options.tumblr.name);
}
if (options.tumblr.description) {
shareURLs['tumblr'] += '&description=' + encodeURIComponent(options.tumblr.description);
}
}
// You can only share images on Pinterest, supplied by the media parameter. It also
// supports descriptions, which we've included in the URL.
if(options.pinterest) {
if (options.pinterest.media) {
shareURLs['pinterest'] += '&media=' + encodeURIComponent(options.pinterest.media);
}
if (options.pinterest.description) {
shareURLs['pinterest'] += '&description=' + encodeURIComponent(options.pinterest.description);
}
}
// The plugin supports multiple share buttons on the page.
// Here we loop the supplied elements and initialize it.
this.each(function(i){
var elem = $(this);
// Create a helper <span> elements
elem.addClass('socialPlugin');
elem.append('<span class="showSocialButtons fa fa-share-alt"></span>');
elem.append('<span class="socials"></span>');
// Generate the share buttons
var socialButtonsPopUp = elem.find('.socials');
if(options.twitter){
socialButtonsPopUp.append($('<a class="fa fa-twitter" href="' + shareURLs.twitter + '" ></a></a>'));
}
if(options.facebook){
socialButtonsPopUp.append($('<a class="fa fa-facebook" href="' + shareURLs.facebook + '" ></a>'));
}
if(options.googlePlus){
socialButtonsPopUp.append($('<a class="fa fa-google-plus" href="' + shareURLs.googlePlus + '" ></a>'));
}
if(options.pinterest) {
socialButtonsPopUp.append($('<a class="fa fa-pinterest" href="'+ shareURLs.pinterest + '" ></a>'));
}
if(options.whatsapp){
socialButtonsPopUp.append($('<a class="fa fa-phone" href="' + shareURLs.whatsapp + '" ></a></a>'));
}
if(options.tumblr) {
socialButtonsPopUp.append($('<a class="fa fa-tumblr" href="'+ shareURLs.tumblr + '" ></a>'));
}
});
var socials = $('.socialPlugin .socials'),
socialLength = socials.find('a').length,
marginLeft = '-35';
// Calculate the width of the social button containers
socials.width(socialLength * 110).css({'margin-left': marginLeft - ((socialLength-1) * 55)});
// Toggling the 'opened' css class will trigger the show/hide animation
$('.showSocialButtons').click(function(){
$(this).parent().find('.socials').toggleClass('opened');
});
// When a social icon is clicked, open a window with the share URL, centered on screen.
$('.socialPlugin a').click(function(e) {
e.preventDefault();
var url = this.href,
w = 500,
h = 400,
left = (screen.width / 2) - (w / 2),
top = (screen.height / 2) - (h / 2);
window.open(url, 'Social Share', 'toolbar=no, location=no, directories=no, status=no,' +
' menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
});
// Close the plugin if there is click/touch outside of it
$(document).off('.social-plugin').on('click.social-plugin touchstart.social-plugin', function(e){
if(!$(e.target).hasClass('showSocialButtons') && !$(e.target).parent().hasClass('socials')) {
socials.removeClass('opened');
}
});
// Enable chaining
return this;
};
})(jQuery);
----------------------------
Llevo varios días con esto mirando, probando y no soy capaz de corregirlo.
Si alguien podría ayudarme le estaría muy agradecido.
