javascript - Dynamically changing url in sharrre Jquery -

-

my question following:

i have multiple filters on page, filter events schedule dynamically, when click on of filters, url changes without reloading page.

for example:

http://.../schedule/#screening,free

http://.../schedule/#talk,expo

then, have share buttons sharrre:

    .social.social--share-filters         a.icon.icon-twitter.js-twitter-filters(href="#", target="_blank")         a.icon.icon-linkedin2.js-linkedin-filters(href="#", target="_blank")         a.icon.icon-facebook.js-facebook-filters(href="#", target="_blank") 
  $('.js-facebook-filters').sharrre({ share: {   facebook: true, }, url: window.location.href, enabletracking: false, enablehover: false, click: function(api, options) {   api.simulateclick();   api.openpopup('facebook'); }   });

inspite of fact inside sharrre have url variable equals current link, shares link derived when page loaded first time.

i tried put inside click event on icons - not work. tried put sharrre inside function (eg. initialiseshare) , window.initialiseshare = initialiseshare; - not work. , tried remove , append button, changing data-url attribute, , not work.

function initialiseshare(link) {     $('.js-twitter-filters').sharrre({     share: {       twitter: true,     },     enabletracking: false,     enablehover: false,     click: function(api, options) {       api.simulateclick();       api.openpopup('twitter');     }   }); }

+

$(document).ready(function() {     initialiseshare();     $('.js-twitter-filters').on('click', function(){         var clone = $('.js-twitter-filters').clone();         $('.js-twitter-filters').remove();         $('.social--share-filters').append(clone);         $('.js-twitter-filters').data('url', window.location.href);         initialiseshare();         return false;     }); });

+

jade icon

    .social.social--share-filters         a.icon.icon-twitter.js-twitter-filters(href="#", target="_blank" data-url="#")

please, help!

thank in advance!

p.s. can use other solution except lead buttons cannot customised in design.

try this:

$('body').on('domnodeinserted', '.js-twitter-filters', function(e) {   $(this).sharrre({     share: {       twitter: true,     },     enabletracking: false,     enablehover: false,     click: function(api, options) {       api.simulateclick();       api.openpopup('twitter');     }   }); });

explanation:

you're trying bind dynamically loaded elements. when script executes on page load, elements not available jquery perform binding "sharrre" - can use .on() live binding delegate bind elements after insertion.

reference:


Comments

Post a Comment

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

-
i have method method discussed , successful data entered 1 when more 1 can not database this programs my php form : <form class="form-horizontal" id="form-produk"> <div class="control-group" > <label class="control-label" for="kelas">kategori</label> <div class="controls"> <select class='form-control' name='id_kategori'> <?php $tampil=mysql_query("select * kategori order nama_kategori"); if ($id_kat==0){ echo "<option value=0 selected>- pilih kategori -</option>"; } while($w=mysql_fetch_array($tampil)){ if ($id_kat==$w[id_kategori]){ echo "<option value=$w[id_kategori] selected>$w[nama_kategori]</option>"; } else{ echo "<option value=$w[id_kategori]>$...
Read more

multithreading - Exception in Application constructor -

-
i wanna write snake game javafx , there exception don't know , want know how fix it. ( know it's not complete yet ) and want know , class extends application ( start override ) main in other programs? see , here not static void main bc didn't need, if want add main shoud do? it's exeption... exception in application constructor exception in thread "main" java.lang.nosuchmethodexception: main_snake.main([ljava.lang.string;) @ java.lang.class.getmethod(class.java:1819) @ com.intellij.rt.execution.application.appmain.main(appmain.java:125) and code : import javafx.animation.animationtimer; import javafx.application.application; import javafx.event.eventhandler; import javafx.scene.scene; import javafx.scene.canvas.canvas; import javafx.scene.canvas.graphicscontext; import javafx.scene.input.keyevent; import javafx.scene.layout.borderpane; import javafx.scene.paint.color; import javafx.stage.stage; import java.util.arraylist; /** * creat...
Read more

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -

-
i realize similar post others (e.g. this one ), there details missing posts might significant case. to start with, here's simplified program: #include "stdafx.h" #include <windows.h> #include <wincrypt.h> int _tmain(int argc, _tchar* argv[]) { // usage: certextract certpath char keyfile[] = "c:\\certificates\\public.crt"; byte lp[65536]; security_attributes sa; handle hkeyfile; dword bytes; pccert_context certcontext; sa.nlength = sizeof(sa); sa.lpsecuritydescriptor = null; sa.binherithandle = false; hkeyfile = createfile(keyfile, generic_read, file_share_read, &sa, open_existing, file_attribute_normal, null); if (hkeyfile) { if (readfile(hkeyfile, lp, getfilesize(hkeyfile, null), &bytes, null) && bytes > 0) { certcontext = certcreatecertificatecontext(x509_asn_encoding, lp, bytes); if (certcontext) { printf("yay...
Read more