单击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

您需要将您的代码设置为：

$('.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代码中使用。