cambiar dinámicamente Tweet Button "texto" datos contenidos

Question

Esta pregunta viene muy de cerca a lo que busco: Replace an Attribute in the Tweet Button with Jquery

Sin embargo, the suggested solution obras sólo una vez. Es decir, no puedo lo uso en mi interruptor declaración como esta:

switch(element.id) 
    { 
     case "t1": 
      $(document).ready(function(){ 
       $('a[data-text]').each(function(){ 
        $(this).attr('data-text', Text_Variant_1); 
       }); 
       $.getScript('http://platform.twitter.com/widgets.js'); 
      }); 
      break; 
     case "t2": 
      $(document).ready(function(){ 
       $('a[data-text]').each(function(){ 
        $(this).attr('data-text', Text_Variant_2); 
       }); 
       $.getScript('http://platform.twitter.com/widgets.js'); 
      }); 
     ... 
    } 

Lo que sucede es que el atributode texto de datos se establece de acuerdo a lo que ocurra primero caso y no cambia después.

¿Cómo puedo cambiar data-text atributo de un Botón Tweet tantas veces como sea necesario?

Actualización: aquí está la página que estoy trabajando: http://zhilkin.com/socio/en/

El Rasgos tabla se puede omitir con seguridad. Lo que quiero hacer con la tabla Sociotypes es que cuando hace clic en un tipo, el data-text del botón Tweet debajo de la descripción de la derecha debe modificarse en consecuencia.

Ahora funciona así: si cierro o hago clic en "Don Quijote", entonces data-text se establece en "... Don Quixote ...", y se mantiene igual si hago clic "Dumas" más tarde. Y viceversa: si cierro o hago clic en "Dumas", entonces data-text se establece en "... Dumas ..." y no cambia si hago clic en "Don Quixote". (Otros tipos están vacíos en este momento).

Por lo tanto, el botón Tweet solo se cambia la primera vez que ejecuto el script, pero necesito que se actualice tantas veces como cambie el tipo.

Answer 1

tuve problemas con esto por un par de horas de esta mañana, pero finalmente tengo trabajo! El problema es esencialmente que solo puede incluir el script de twitter widgets.jsuna vez en la página, y esa secuencia de comandos evalúa el atributo data-text en carga. Por lo tanto, en su ejemplo, establece dinámicamente el atributo data-textantes de cargando el script, que funcionará como se esperaba. Sin embargo, no puede hacer más actualizaciones ya que el script ya se ejecutó.

Vi this article sugiriendo que puede llamar al twttr.widgets.load() nuevamente en el tiempo de ejecución para volver a evaluar y volver a procesar los botones, sin embargo, eso no funcionó para mí. ¡Esto se debe a que esa función reevalúa las etiquetas <a>, no las etiquetas !

Así que la solución, como pointed out here, es eliminar por completo el procesada desde el DOM, a continuación, hacer un nuevo elemento <a> con todos los atributos adecuados antes de llamar twttr.widgets.load() para finalmente volver a evaluarlo y convertirlo en un .

¡Por favor vea this fiddle para un ejemplo de trabajo!

Answer 2

dado que está utilizando each bucle puede utilizar if declaraciones en su lugar:

$(document).ready(function(){ 
     $('a[data-text]').each(function(){ 
      if (theCase == 1) { 
      $(this).attr('data-text', Text_Variant_1); 
      } 
      else if (theCase == 2) { ... } 
     }) 
}); 

Answer 3

También puede utilizar la llamada API de Twitter createShareButton:

function callAsRequired(){ 
    var nodeID = 'YourTwitterNodeID' 

    //Remove existing share button, if it exists. 
    var myNode = document.getElementById(nodeID); 
    while (myNode.firstChild) { 
    myNode.removeChild(myNode.firstChild); 
    } 

    //Create button and customise 
    twttr.widgets.createShareButton(
    'http://your.custom.url.here/', 
    document.getElementById(nodeID), 
    { 
     count: 'none', 
     text: 'Your custom tweet here' 
    }; 
}