クリックすると属性が変わりますJquery

Question

ボタンをクリックするとjqueryを使用してdiv子の属性を変更すると問題が発生します。 正しいシナリオ：次のpythonを押すと、twitterボタンの属性が新しい値iiに従って変化します。

var pro = [{ 
 
    Name: 'kinto', 
 
    Description: 'A generic JSON document store with sharing and synchronisation capabilities. http://docs.kinto-storage.org/', 
 
    Link: 'https://github.com/Kinto/kinto', 
 
    Language: 'python' 
 
    }, 
 
    { 
 
    Name: 'catapult', 
 
    Description: 'Catapult home for performance tools.', 
 
    Link: 'https://github.com/catapult-project/catapult', 
 
    Language: 'python' 
 
    } 
 
]; 
 

 
function next(lang) { 
 
    ii = Math.floor(Math.random() * (pro.length - 0) + 0); 
 
    $(`.name`).html(`${pro[ii].Name}`); 
 
    $(`.${lang}box`).remove(`.twitter${lang}`); 
 
    $(`.${lang}box`).append(`<div class="twitter${lang}"> 
 
    <a class="twitter-share-button" href="https://twitter.com/share" data-text="Check this project" data-url="${prolist[ii].Link}" data-hashtags="counteributors" data-via="counteributors"> 
 
      Tweet 
 
      </a> 
 
</div>`); 
 
} 
 

 
//-------------- twitter button 
 
window.twttr = (function(d, s, id) { 
 
    var js, fjs = d.getElementsByTagName(s)[0], 
 
    t = window.twttr || {}; 
 
    if (d.getElementById(id)) return t; 
 
    js = d.createElement(s); 
 
    js.id = id; 
 
    js.src = "https://platform.twitter.com/widgets.js"; 
 
    fjs.parentNode.insertBefore(js, fjs); 
 

 
    t._e = []; 
 
    t.ready = function(f) { 
 
    t._e.push(f); 
 
    }; 
 

 
    return t; 
 
}(document, "script", "twitter-wjs")); 
 

 
document.getElementById('shareBtn').onclick = function() { 
 
    FB.ui({ 
 
    method: 'share', 
 
    display: 'popup', 
 
    href: 'google.com', 
 
    }, function(response) {}); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" onclick="next('python');">next python</a> 
 
<div class="twitterpython"> 
 
    <a id="tweetpython" class="twitter-share-button" href="https://twitter.com/share" data-text="Check" data-url="" data-hashtags="c" data-via="c"> 
 
              Tweet 
 
              </a> 
 

 
</div>

Answer 1

あなたはであるためにあなたのコードをtweekする必要があります。

$('.name').html(pro[ii].Name); 
     $('.' + lang + 'box').remove('.twitter' + lang); 
     $('.' + lang + 'box').append('<div class="twitter' + lang + '"> 
     <a class="twitter-share-button" href="https://twitter.com/share" data-text="Check this project" data-url="' + prolist[ii].Link + '" data-hashtags="counteributors" data-via="counteributors"> 
       Tweet 
       </a> 
    </div>`); 

あなたのjavascriptのコード内で適切にあなたのjavascriptの変数にアクセスする必要があります。使用している構文は、実際のhtmlページ、htmlコードでの使用を意図しているようです。