Javascript JS/jQuery';推特此';按钮不工作
以下是HTML代码:Javascript JS/jQuery';推特此';按钮不工作,javascript,jquery,html,css,twitter,Javascript,Jquery,Html,Css,Twitter,以下是HTML代码: <a class="tweet"> <button class="btn btn-default btn-md"> <i class="fa fa-twitter hidden-sm hidden-md hidden-lg"></i><span class="hidden-xs">Tweet This</span> </button> </a>
<a class="tweet">
<button class="btn btn-default btn-md">
<i class="fa fa-twitter hidden-sm hidden-md hidden-lg"></i><span class="hidden-xs">Tweet This</span>
</button>
</a>
及
当点击它时,它应该获取“quote”,这是页面中的一段文本,并且应该为用户打开一个新窗口来“tweet”该引用。现在点击它什么都不做,但我不知道为什么。我肯定我错过了一些非常尴尬的基本内容。也许我需要第二组眼睛来观察这个…你的选择器
按钮。tweet
将按钮与类tweet
匹配。从HTML结构中,您需要.tweet按钮
,或者只需在按钮元素中添加广告.tweet
您的选择器按钮。tweet
将按钮与类tweet
匹配。从HTML结构中,您需要.tweet按钮
,或者只需在按钮元素中添加广告.tweet
您的jQuery选择器错误,这就是为什么什么都没有发生。应该只有$(“.tweet”)。单击(func…同样出于惯例,可能希望在第三个变量后添加分号。希望这有帮助。学习使用console.log和debugger语句进行调试谢谢@AndrewGarrison,这很有帮助。正如我所想,这是我忽略的一件简单的事情。@epascarello你会怎么做?在单击中添加控制台,看看它是否是called…不…好的。在函数外添加一个以查看JavaScript是否正在加载…好的,工作正常。现在让我们检查是否找到元素console.log($('button.tweet').length);
…不…好的,现在为什么找不到元素…您的jQuery选择器错误,这就是为什么什么都没有发生。应该是$(“.tweet”)点击(func…同样出于惯例,可能希望在第三个变量后添加分号。希望这有帮助。学习使用console.log和debugger语句进行调试谢谢@AndrewGarrison,这很有帮助。正如我所想,这是我忽略的一件简单的事情。@epascarello你会怎么做?在单击中添加控制台,看看它是否是called…不…好的。在函数外添加一个以查看JavaScript是否正在加载…好的。现在让我们检查是否找到元素console.log($('button.tweet').length)
…不…好吧,现在为什么它找不到元素…啊,那么让'a'类成为'tweet'是错误的做法?我会完全删除按钮
元素,只需将btn-btn-default btn-md
添加到锚点。然后将选择器更改为。tweet
啊,那么让'a'类成为'tweet'是不是走错了?我会完全删除按钮
元素,只需将btn-btn-default-btn-md
添加到锚。然后将选择器更改为。tweet
function tweet(message, author) {
window.open('https://twitter.com/intent/tweet?hashtags=thequotemachine&text=' + encodeURIComponent('"' + message + '" ' + author + " via"));
}
$('button.tweet').click(function() {
var currQuote = $('#quote').text();
var currAuthor = $('#author').text();
var truncatedString = truncateString(currQuote, currAuthor)
tweet(truncatedString, currAuthor);
});