按钮的jQuery锚点在WordPress上不起作用
可能是由于以下几个原因：
- jQuery库冲突：WordPress中可能已经加载了自己的jQuery库，而你的代码中也引入了jQuery库，导致冲突。解决方法是使用WordPress提供的jQuery库，而不是自己引入。
- jQuery代码加载顺序问题：如果你的jQuery代码在页面加载完毕之前执行，可能会导致按钮的jQuery锚点不起作用。解决方法是将代码放在页面加载完毕后执行的位置，或者使用jQuery的
$(document).ready()函数确保代码在DOM加载完毕后执行。 - 锚点设置错误：检查你的锚点设置是否正确。确保锚点的
href属性值与目标元素的id属性值匹配。例如，如果你的锚点设置为<a href="#section1">Section 1</a>，那么目标元素应该有一个id="section1"。 - 主题或插件冲突：某些WordPress主题或插件可能会干扰jQuery的正常运行，导致按钮的锚点不起作用。尝试禁用其他插件或更换主题，然后重新测试。
如果你需要在WordPress上实现按钮的jQuery锚点，可以考虑使用以下方法：
- 使用WordPress提供的内置函数：WordPress提供了一些内置函数来处理页面滚动和锚点跳转，如
wp_enqueue_script()用于加载脚本，wp_footer()用于在页面底部输出脚本。你可以在主题的functions.php文件中使用这些函数来加载和执行你的jQuery代码。 - 使用WordPress插件：有一些WordPress插件可以帮助你实现按钮的jQuery锚点效果，例如"Smooth Scroll"、"Page Scroll to ID"等。你可以在WordPress插件市场中搜索并安装这些插件，然后根据插件的文档进行配置和使用。
总结起来，要解决按钮的jQuery锚点在WordPress上不起作用的问题，你可以检查jQuery库的加载情况、代码的执行顺序、锚点设置的正确性，排除主题或插件的冲突，并考虑使用WordPress提供的内置函数或插件来实现锚点效果。
相关·内容
我在WordPress管理中使用下面的方法来使用jQuery库，这个方法工作得很好，我不需要为这个方法添加jQuery库的源代码。
<script>
jQuery(document).ready(function(){
// works inside WordPress admin without source
});
</script>
但同样的方法在前端WordPress表单上不起作用，为了让它起作用，我必须添加库的源代码？
<script type="text/javascript
浏览 0提问于2015-04-26得票数 1
当使用JQuery UI .button函数设置链接项目的样式时，在除Chrome和Safari之外的任何浏览器中查看时，链接“按钮”的位置会向上移动。这一点在FireFox和IE中很明显，甚至在的JQuery演示页面上也是如此。
我知道这是一个列在JQuery but中的，但它目前没有显示解决方案。
有没有人找到一种可行的解决方法(通过JQuery或CSS)来缓解这个问题，使“按钮”在所有浏览器中都能正确排列？我觉得这是一个重要的问题，因为我有许多表单，其中有一个提交按钮和取消链接的权利彼此相邻。
<input type="submit" value="Su
浏览 1提问于2012-04-17得票数 0
回答已采纳
我想从JS动态创建的按钮更改为文本。我知道如何在按钮上绑定单击事件，但不知道如何在页面加载时更改文本。 按钮的html代码(这是由wordpress插件动态创建的)。 <a href="#" class="btn loadMoreBtn" id="loadMored">Load more</a> jQuery代码： jQuery('#loadMored').text('Toon meer producten');
浏览 17提问于2019-05-03得票数 0
回答已采纳
1回答
我们在主页上使用的是jquery bxslider，但由于某些原因，幻灯片元素中的超级链接在iPhone4/4s上不起作用。如果你点击一个链接，什么也不会发生。
在所有其他移动设备和台式机上都能正常工作。
我们的网站是www.millenniumshoes.com
任何帮助都将不胜感激。
谢谢
浏览 2提问于2013-10-11得票数 0
1回答
jQuery Tabs不能在IE8上工作--在FF/Safari/Chrome/ie7上工作得很好。
<?php
wp_enqueue_script('jquery-cycle', get_bloginfo('template_directory') .'/js/jquery.cycle.js',array('jquery','jquery-ui-core','jquery-ui-tabs'));
?>
在wordpress中，并使用此
jQuery("#tabs"
浏览 5提问于2010-02-19得票数 0
您可能知道，在页面中使用<?php标记时，WordPress会自动对其进行注释。有许多著名的插件允许绕过这些插件，比如"insert“，但是它们在WordPress 4.8.1上不起作用(我测试了一些不推荐的插件)。
有人知道如何在<?php 4.8.1中正确使用WordPress标记吗？
浏览 0提问于2017-09-14得票数 0
回答已采纳
2回答
我似乎不能让jquery .post真正触发。那个闪闪发光的洞在哪里？警报在点击时起作用，但不能在帖子上起作用。也不会出现在firebug控制台中...
<script type="text/javascript">
$(document).ready(function() {
$('#submitemail').click(function(){
alert('this works');
$.post("post.php","email
浏览 0提问于2011-06-23得票数 0
回答已采纳
1回答
链接在这里：
使用wordpress主题，我做了一些更改，我想为锚点添加后退和前进按钮功能。
Firefox在URL中显示锚点，而chrome不显示。两者都不能用于后退/前进。
我不知道javascript或jquery，所以答案越具体越好！
我们是非盈利组织，所以一切都很有帮助！提前感谢！
浏览 0提问于2011-06-06得票数 0
1回答
平滑滚动ID问题
、、、、
我正在一个网站上工作，并在我的导航栏中有一个“功能”链接。当在主页上单击“功能”时，我让它向下滚动到一个带有H1的id=“expo”(在这里简化)：
<div class="topnav-right">
<a href="#expo-features">Features</a>
<a href="register.php">Registration</a>
<a href="booth.php">Reserve A Boot
浏览 3提问于2020-04-05得票数 0
1回答
我使用了一个Wordpress主题，其中一个弹出窗口是内置的。当单击此链接时，弹出窗口显示：
<a href="#etheme-popup" class="etheme-popup">Nieuwsbrief</a>
因此，它被id 电子主题-弹出激活。
现在，我要尝试弹出显示自动推迟2秒后。因此，添加此代码段，但不起作用：
<script>
jQuery(document).ready(function($) {
setTimeout(function() {
$('#etheme-popup
浏览 2提问于2017-10-22得票数 1
回答已采纳
您可能已经知道，jQuery的最新版本删除了$.browser支持。我需要知道用户是否使用Firefox 3.6或更少。是否有任何方法可以使用可用的特性来检测，而不是查看用户代理呢？
我们需要这种检测的原因是，我们使用另一个元素来设置上传按钮的样式，然后这个元素会触发对不可见上传元素的单击。这在FF <= 3.6上不起作用。
澄清
在上传时触发像$('#uploader').trigger('click')这样的事件是不起作用的
我不想看一下用户代理就知道是这样的，尽管我说这是唯一的可能是一个可以接受的答案
我不知道这个“特征”能探测到什么。
浏览 7提问于2013-08-06得票数 3
我引入了一个悬停在按钮上的动画。悬停动画效果非常好，但它的副作用是，一旦动画结束，您就不能再单击按钮。我想改变这一点，但我似乎想不出该怎么做。
.chooseFileBtn, .submitFileBtn{ /* ignore the '.submiteFileBtn' here */
margin-top:180%;
padding-left: 30%;
padding-right:30%;
padding: 10px 20px;
border-radius: 8px;
background-color: #E55300
浏览 0提问于2018-05-21得票数 0
1回答
我写了这段代码来搜索woocommerce wordpress插件的产品。
//product filter
jQuery(document).on("keyup",".pstext",function(){
jQuery(".nopro").remove();
var searchterm = jQuery(".pstext").val();
if(searchterm === ""){
jQuery(".main-flavour").show();
浏览 0提问于2018-09-26得票数 0
2回答
在Wordpress中，使用钩子wp_enqueue_script覆盖jquery版本，但它不work.And，我需要这两个jQuery。
我想为网站定制添加新的jquery版本。
但是当我添加新版本的jquery时，旧版本的jquery在功能上不起作用
function.php：
function themeslug_enqueue_script(){
wp_enqueue_script('child_theme_script_handle', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquer
浏览 1提问于2017-09-27得票数 3
我是wordpress的新手。我正在设计一个网站，需要的社会登录按钮。我找到了一些插件，也使用了developers.facebook.com登录按钮，但它在我的本地主机服务器上不起作用。我还使用了来自同一站点的Like按钮。和
它工作正常。同样的问题也发生在google+上。我是不是遗漏了什么？
请尽快回复..谢谢!
浏览 1提问于2014-06-25得票数 0
我正在添加开发到一个已经设置的WordPress网站，需要一些帮助。
像post滑块一样，我已经尝试了4个以上的滑块插件，但它们在我的模板上不起作用。现在我使用的是。我在其他WordPress模板上测试了它，它在那里工作。
你能帮我解决这个问题吗？我不是WordPress的专业人士。
我有这个错误：
JS Uncaught TypeError: Object #<Object> has no method 'coinslider'
下面是sledier的名字：
$(document).ready(jQuery(function ($) { $('#
浏览 1提问于2012-12-29得票数 0
回答已采纳
1回答
我在试着用
<?php echo get_the_title($ID); ?>
阅读wordpress帖子的标题，但由于某种原因在我的wordpress博客上不起作用:(这是帖子：
http://tinyurl.com/mxq25wb
下面是我用来做为图片按钮的源代码
<a href="http://www.downloadthesefiles.com/Download/?ci=8138&q=<?php echo get_the_title($ID); ?>" rel="nofollow">&
浏览 1提问于2014-05-26得票数 0
jQuery .animate功能有一些问题。
我在我的网站上实现了一个“返回页首”链接：
一旦你点击它，它就会让你回到页面的顶部。
下面是我的jQuery代码：
<script type="text/javascript">
jQuery.noConflict();
jQuery('a[href=#top]').click(function(){
jQuery('html, body').animate({scrollTop:0}, 'slow');
return false;
浏览 2提问于2012-12-16得票数 1
回答已采纳
我试图在上共享代码，以便在Wordpress上工作，但Javascript不起作用。除了上面的那个，我没有其他的js文件。它在示例中有效，但在Wordpress上不起作用。
$(function() {
$('ul.eevmonths a').on('click', function() {
$month = $(this).attr('class'),
$('.eevcontent-' + $month).siblings().addClass('eevhide');
$(&#
浏览 5提问于2017-03-15得票数 0
回答已采纳
我在joomla 1.5上工作，我有这个表单，它有一个保存并关闭按钮，但它在IE浏览器上不起作用。MooTools.js和jQuery.js上的冲突已经解决，但按钮仍然不起作用。造成这种情况的可能原因是什么？
谢谢，贾斯汀
浏览 2提问于2011-08-08得票数 0
我正在用jquery做一个画廊。当我按下页面上的一个按钮时，它会淡出，画廊也会淡入。我是否可以更改顶部的url，以便当用户复制url并在其他地方使用它时，它会打开图库，而不是第一页(实际上都在一个页面中，我只会使用淡入和淡出功能在不同的内容之间导航)。我搜索了所有可能的单词句子，但没有找到任何东西，所以如果有人能告诉我答案，我将非常感谢:)
浏览 0提问于2011-08-05得票数 0
回答已采纳
1回答
所以我有这段代码，用于在我的游戏中自定义光标。
Mouse.hide() startDrag(mc_cursor，true)
它工作得很好，但问题是它不能点击按钮，我真的需要知道为什么它不能工作。任何人，请帮帮我。
浏览 0提问于2012-12-18得票数 1
在此WordPress函数中，可以使用注册脚本，加载外部脚本，格式如下：
wp_register_script('my_jQuery', '//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js');
如中所示，第二个参数可以以"//“开头，以离开WordPress，指定协议：
可以使用与协议无关的URL来指定远程资产，即‘//alldomain.com/js/theirscript.js’。默认值:无
对于WordPress，3.5.1可以正常工作，但是对于WordPress，3.4
浏览 8提问于2013-03-10得票数 2
回答已采纳
1回答
锚点名称未连接到锚点链接
、、、
我在我正在建设的移动网站上有一个菜单按钮，它链接到我底部的导航菜单，因此用户可以单击它并直接下拉到菜单。我已经检查过HTML很多次了，但我不确定为什么它在这个特定的站点上不起作用。(站点。)
下面是我的代码：
<a href="#bottom_nav">Menu</a>
链接到：
<a href="" name="bottom_nav" id="bottom_nav"><img src=""/></a>
我尝试将它链接到一个name属性和一个id。两种方
浏览 0提问于2013-03-22得票数 0
1回答
我有这个项目捆绑骨干，require.js下划线，jquerymobile到科尔多瓦或phonegap部署在iOS。但是单击事件不起作用。我有这个。
events:{
"click #log" : "Login"
},
<a data-role="button" id="log">Log In</a>
有什么想法吗？
浏览 1提问于2012-04-11得票数 0
1回答
我尝试使用以下代码重新加载特定的jQuery UI选项卡
var currentTab = $("div#tabs").tabs('option', 'selected');
$('div#tabs').tabs('load', currentTab);
它不起作用，但当我更改URI时它起作用
$('div#tabs').tabs('url', currentTab, 'example_page.html').tabs('load', currentT
浏览 4提问于2010-10-22得票数 1
如何在重定向时自动滚动表格或将焦点放在表格上?单击按钮时使用类名我使用的是包含在其中的link_to
<%= link_to employees_path do %>
<div>......
</div>
<% end %>
<tbody>
<% @request.each do |s| %>
<tr data-expanded="true">
<td><%= s.date.strftime('%B %Y') %></
浏览 0提问于2017-11-14得票数 0
3回答
jquery ajax函数删除URL中的锚点。Something.html#anchor
如果我们将#作为脚本的参数，会怎么样呢？
我能阻止jquery移除锚点吗？
浏览 1提问于2012-10-01得票数 0
回答已采纳
1回答
我在将我的自制幻灯片jQuery脚本集成到wordpress中遇到了一些麻烦。
到目前为止，我已经学到了必须使用wp_enqueue_script集成脚本的艰难方法，但现在我遇到了在标签上单击来运行我的函数，我用来更改幻灯片等的函数。
在我自己编写的幻灯片脚本中，我已经将所有jQuery代码包装到一个包装器中
(function($) { // OPEN WRAPPER
// SCRIPTS
})(jQuery); // CLOSE WRAPPER
为了更好地解释我的问题，这里有一些理论上的虚拟代码：
jQuery幻灯片脚本：
(function($) { // OPEN WRAPPER
浏览 2提问于2013-11-24得票数 0
我有可拖动的元素与按钮。但按钮在Android Chrome上不起作用。
<div id="draggable" class="ui-widget-content">
<p>Draggable Div</p>
<div id="clickAction">Click Me! (I should change colour)</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jq
浏览 0提问于2018-12-14得票数 0
你好，我在代码页上做了一个jQuery图像映射，但是当我把它传输到我的客户端时，WordPress安装它不再工作了？
WordPress网站是与创世纪和我认为这可能是造成问题.我还将$替换为jQuery，以停止冲突问题。
Pen：
jQuery：
jQuery(document).ready(function($) {
jQuery(".clickable").click(function() {
var toHide = $(this).attr('data-hide');
jQuery(".map").tog
浏览 0提问于2015-03-13得票数 0
回答已采纳
1回答
所以我正在处理一些多页面的Jquery Mobile文档，我希望能够在它们之间导航，而不是离开由移动web应用程序创建的WebView，并且仍然有过渡。我遇到了Todd Thomson的子页面小部件，基本上不能理解如何设置所有东西(visual learner，他的github上没有模板或演示，如果你在那里，不用担心Todd )。
所以我的问题是，当您通过ajax从index.html导航到多页Jquery移动文档时，是否可以清除index.html中的剩余内容，并在转换后加载page1.html的其余部分？
浏览 4提问于2013-03-21得票数 0
1回答
我在UIWebView上工作，在其中我注入了java脚本，如下所示：
[webview stringByEvaluatingJavaScriptFromString:@"java script"];
这在iOS4.3中运行得很好。但当它在iOS5上不起作用时呢？如何在iOS5上注入java脚本；
浏览 0提问于2012-01-04得票数 0
我有3个单选按钮来隐藏/显示一些div。这些单选按钮是由一个php脚本生成的，我想让jquery检查第一个单选按钮(已经起作用了！)然后触发点击功能，以便隐藏/显示相关内容。
$("input:radio:first").attr("checked", true).trigger("click");
.trigger("click")；实际上不起作用。
单选按钮的单击事件如下所示：
$("input[name='type']").on("click", function() { ..
浏览 1提问于2012-03-29得票数 15
回答已采纳
我遇到了嵌套菜单的问题，没有按照我预期的方式来做。我在StackOverflow上查看了许多关于stopPropagation()的内容，但是它似乎不起作用。
该网站是基于wordpress，不幸，所以我没有直接控制HTML生成的菜单在网站上。这个项目的最初目标是将onClick功能添加到菜单项中，而Wordpress本机不支持这个功能。这部分工作-当我点击菜单，事件触发。耶！但是，父元素的事件也会触发。这会导致问题(因为onClick功能已经安装好用于单击跟踪)。
下面是菜单的第一部分，它由wordpress (可读性的缩写)呈现：
<ul id="menu-main-menu
浏览 4提问于2014-04-08得票数 0
回答已采纳
我试图用jQuery创建ajax表单提交和验证，但是wordpress拒绝执行我的代码。
我有这个代码片段，在上工作
$(document).ready(function(){
alert("Test");
$('.sendbutton').click(function(){
var nimi = $('input[name=nimi]').val();
var viesti = $('textarea[name=viesti]').val();
$('.co
浏览 1提问于2012-10-08得票数 1
回答已采纳
我试图使用“jquery”( )。
但是，这在我的web服务上不起作用(jQuery1.9.1)
有人能告诉我如何照亮一个元素(按钮)吗？我试过这个。但这只是隐藏和显示元素。
我想点亮一个按钮：
(function(t){
var func = arguments.callee;
if(t) func.rest=t*2;
if(--func.rest>=0) $(".btn#illuminate").fadeTo(800,(func.b = !!!func.b) ? 0.5 : 1,func);
})(3);
浏览 3提问于2013-08-04得票数 2
回答已采纳
3回答
我有一个jQuery代码，应该在新闻文章的每一段之后插入一些内容。如下所示：
$(document).ready(function() {
$("<a>The link inserted in jQuery</a>")
.insertAfter("p")
.attr("href", "http://bi.ng")
.addClass("abonnerreklame")
;
});
它在我制作的中工作，但在我的实际站点上不起作用。
浏览 1提问于2014-02-06得票数 0
回答已采纳
1回答
我正试图在Wordpress中通过点击一个链接来启动一个PHP函数。我已经设法通过表单提交完成了这项工作，但我想通过点击链接来完成。
我拼凑了一个AJAX请求，但它似乎不起作用-任何想法都非常感谢。
HTML链接代码
<a href="#link_id"> Ajax Click </a>
Javascript函数
<script>
// Create a function to pick up the link click
$('#link_id').click(function(event){
event.pre
浏览 13提问于2017-08-03得票数 1
回答已采纳
1回答
我有一个Box2d主体，我试图将其分成多个部分。为此，我迭代了它的fixture，并为每个fixture生成新的主体。使用debug draw，我可以看到这似乎是有效的。
正如您在上图中所看到的，主要主体正在被破坏，而次要主体(标记为: 2)正在生成。基于调试层的形状渲染，它们被正确地表示出来。我遇到的问题是，我与主b2body关联的CCSprite在引用新body时没有正确定位。似乎关联的CCSprite正在定位(给定锚点0，0)，就好像它仍然是一个更大形状的一部分。
作为参考，下面是我使用的代码：
for (b2Fixture *f = body->GetFixtureLi
浏览 1提问于2012-02-03得票数 2
我正在尝试制作一段简短的脚本，当鼠标悬停在上面时，它会改变文本字符串的颜色。
HTML：
<span class="headinglink" id="firstheading"><h1><a href="http://localhost/page.php">Link1</a></h1></span>
JavaScript：
$('#firstheading').hover(function () {
$(this).find('h1&#
浏览 0提问于2012-10-08得票数 0
回答已采纳
2回答
我正在使用相当标准的平滑滚动javascript链接到我的wordpress网站相同页面上的锚点，它工作得很好。但是，当我试图打开另一个页面上的锚点时，没有从链接/按钮中得到任何响应。就像链接/按钮完全死了一样。如果我右键单击它并在一个新选项卡中选择open，它就能正常工作。如果我从站点标题中删除了违规的javascript，它也能工作。有人能指出冲突可能发生在哪里吗？对于那些可能不熟悉的人来说，这是违规代码：
$(document).ready(function(){
// Add smooth scrolling to all links
$("a").on(
浏览 10提问于2020-05-10得票数 2
回答已采纳
我正在使用这个缩放图像脚本将拇指加载到较大的图像中：
问题是，在页面加载之后，我使用jquery load (代码如下)加载图库：
//Remove tab info and add gallery
$(".more").click(function () {
var $gallery = $(this).closest('.tab').find('.gallery'),
cat = $(this).attr('href').split('cat=')[1];
if ($gallery.is(
浏览 0提问于2010-12-01得票数 0
回答已采纳
2回答
我有一个js动画一个平滑的页面滚动到另一个位置，当一个更多的按钮被点击。
它可以工作，但如果为该网站选择另一种语言，则不起作用。当用户将语言更改为西班牙语时，URL将更改为www.example.com/ES。这似乎破坏了在www.example.com上工作的平滑卷轴。
单击西班牙语中的more链接似乎完全重新加载了页面，在滚动位置，但没有平滑的滚动。
这是我的js。如何在平滑卷轴中包含alt语言url？
(function($){
$(function() {
$('a[href*=#]:not([href=#])').click(function
浏览 3提问于2015-05-27得票数 3
回答已采纳
所以我在移动点击方面遇到了问题。所以我想让脚本点击并打开画廊，当我按下按钮。
<script>
jQuery(".button-class").click(function(){
jQuery(".gallery-with-images-class").click(); * mobile click like this
});
</script>
不幸的是，这在移动浏览器上不起作用。我知道touchstart和touchend，但如何像"Click“选项那样执行此操作-而不是事件处理程序
浏览 1提问于2018-05-11得票数 0
3回答
有人知道为什么悬停在ul元素上不起作用吗？
<ul class="navi">
<li> <a class='light'>
Item1
<div class="hover-name" style="display:none">
Businesses
</div>
</a>
</li>
<li&g
浏览 3提问于2014-02-13得票数 0
我需要将某个元素的所有元素的一个属性添加到一个数组中：
下面是html：
<a class="umb" name="/wordpress/images/custom-slideshow/image1.jpg">
<a class="umb" name="/wordpress/images/custom-slideshow/image2.jpg">
<a class="umb" name="/wordpress/images/custom-slideshow/image3
浏览 1提问于2010-11-18得票数 0
回答已采纳
3回答
我注意到在Firefox中我可以在action属性中添加一个#MyAnchor标签，比如...
<form action="#MyAnchor">
<input type="text" name="a" />
<input type="text" name="b" />
<input type="submit" />
</form>
当表单提交时，锚点会自动出现在URL中，如下所示
mypage.aspx?a=1&
浏览 0提问于2009-03-28得票数 4
回答已采纳
我目前正在为一个客户开发一个wordpress网站，他们希望有一个滚动条，从一个按钮的点击消失，然后显示在一个模式窗口中的内容等等…它似乎一切正常，除了当我点击一个li元素时，它只是在地址栏中显示链接，而不是任何地方……我有一种感觉，这与禁用href的正常功能有关，但我不确定如何绕过它。
因此，对于滚动条，我有以下结构
<div class="scrollerone">
<ul>
<li><a href=""><img src="image.jpg" /><
浏览 1提问于2011-05-23得票数 3
回答已采纳
有没有办法将http://定位的文件加载到模式窗口中？
命名方式如下：
<a class="btn btn-info btn-large" data-toggle="modal" href="#http://localhost/login.html"> <i class="icon-user icon-white"></i> Login </a>
显然，我可以使用单独的js方法(如jquery load())来实现，但我想知道是否有可能在不实现任何新的js的情况下做到这一点。
浏览 0提问于2012-04-15得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
