Javascript 无法单击锚定标记，但在悬停时显示其链接

我不能点击锚定标签，但当我们停留在链接上时，它会显示链接路径

当你点击现金流分析、税务分析、投资分析等任何部分时，你会在中心看到一些文本，其中有“阅读更多”链接，不可点击

下面是我使用的JS代码：

/*----------Text change on click - Our Process page---------------*/
var prev;
var IdAry = ['slide1', 'slide2', 'slide3', 'slide5', 'slide8', 'slide9', 'slide12', 'slide13', 'slide14', 'slide15', 'slide16'];
window.onload = function () {
    for (var zxc0 = 0; zxc0 < IdAry.length; zxc0++) {
        var el = document.getElementById(IdAry[zxc0]);
        if (el) {
            setUpHandler(el);
            el.onmouseover = function () {
                $(this).addClass("hover");
            }
            el.onmouseout = function () {
                $(this).removeClass("hover");
            }
        }
    }
}


function setUpHandler(el) {

/*---------This is used to add selected class on clicked id only and remove class selected from rest---------*/

$("#" + IdAry.join(",#")).click(function () {
    $(this).addClass("selected");
    $("#graphics .selected").not(this).removeClass("selected");
})

/*---------This will add show hide class to thier spans and vise versa-------*/

$("#" + IdAry.join(",#")).toggle(
function () {
    changeText(this, "hide", "show");
},
function () {
    changeText(this, "show", "hide");
})
}


function changeText(obj, cl1, cl2) {

    obj.getElementsByTagName('SPAN')[0].className = "hide";
    obj.getElementsByTagName('SPAN')[1].className = "show";

    if (prev && obj !== prev) {
        prev.getElementsByTagName('SPAN')[0].className = "show";
        prev.getElementsByTagName('SPAN')[1].className = "hide";
    }
    prev = obj
}

以下是HTML代码：

<div id="graphics">
    <img src="images/circle-bg.jpg" alt="" class="circleBg"/>
    <div class="row1">
        <div href="#" id="slide1" id="selectedSlide">
            <span id="span1"></span>
            <span class="hide"></span>
        </div>
        <div href="#" id="slide2">
            <span id="span1"></span>
            <span class="hide">At this stage, we sit down together and discuss your life goals and begin to develop a plan for funding them. Without knowing where you want to go, we can't help get you there! This is the time to ask a lot of questions and get to know each other. <a href="">Read More..</a></span>                        
        </div>
        <div href="#" id="slide3">
            <span id="span1"></span>
            <span class="hide">We need to know your current income and expenses in order to gain a better understanding of resources that can be applied toward your financial goals. We also determine the appropriate size of your emergency fund. <a href="">Read More..</a></span>
        </div>
        <div href="#" id="slide4">
            <span id="span1"></span>
            <span class="hide"></span>                      
        </div>
    </div>
</div>

在这个阶段，我们坐在一起讨论你的人生目标，并开始制定一个资助计划。如果不知道你想去哪里，我们就帮不了你！现在是问很多问题，互相了解的时候了。
我们需要了解您当前的收入和支出，以便更好地了解可用于您财务目标的资源。我们还将确定您的应急基金的适当规模。

我的要求是只需点击阅读更多链接，在新选项卡中打开该页面

---

提前感谢

可以单击“阅读更多”链接。您只需将ref设置为

#

，这将使您无所适从。

可以单击“阅读更多”链接。您只需将ref设置为

#

，这将使您无所适从。

问题在于此切换事件而不是切换我们必须使用click事件当我尝试用此click事件替换此切换事件时，它工作正常：）

旧JS代码：

$("#" + IdAry.join(",#")).toggle( // instead of toggle we can use click event
function() 
{ 
    changeText(this, "hide", "show"); 
},
function() 
{ 
    changeText(this, "show", "hide"); 
})
}

新代码：

$("#" + IdAry.join(",#")).click( //replace toggle with click event
function() 
{ 
    changeText(this, "hide", "show"); 
},
function() 
{ 
    changeText(this, "show", "hide"); 
})

---

问题在于此切换事件而不是切换。当我尝试使用此单击事件替换此切换事件时，我们必须使用单击事件。它工作正常：）

旧JS代码：

$("#" + IdAry.join(",#")).toggle( // instead of toggle we can use click event
function() 
{ 
    changeText(this, "hide", "show"); 
},
function() 
{ 
    changeText(this, "show", "hide"); 
})
}

新代码：

$("#" + IdAry.join(",#")).click( //replace toggle with click event
function() 
{ 
    changeText(this, "hide", "show"); 
},
function() 
{ 
    changeText(this, "show", "hide"); 
})

---

我没有看到任何现成的链接。。。。只需一个大标题和一个空白内容在a标签中添加属性title=“_blank”和href=“#”在页面加载后，当您单击现金流分析、税务分析、投资分析等文本时，您将在四舍五入的框中看到一些文本，若要查看“阅读更多”链接，您必须单击圆形中的任何部分，该大标题财务规划过程是默认图像，当您单击任何部分时，该图像将隐藏，您将看到该文本底部带有“阅读更多”链接的一些文本。我没有看到任何已准备就绪的更多链接。。。。只需一个大标题和一个空白内容在a标签中添加属性title=“_blank”和href=“#”在页面加载后，当您单击现金流分析、税务分析、投资分析等文本时，您将在四舍五入的框中看到一些文本，要查看“阅读更多”链接，您必须单击圆形圆圈中的任何部分，那个大标题的财务计划流程是默认的图片，当你点击图片中隐藏的任何部分时，你会看到一些文本，文本底部有“阅读更多”链接。谢谢你的回复David，但在第一部分没有这样的链接，你只需点击包含链接的其他部分，然后看：）点击现金流分析，税务分析、投资分析等包含一些链接，但对于讨论目标和关注点，没有指定链接，只有#您已经看到：）我看到您有3个圈组件的真实链接。右键单击它们并在“新建”选项卡中打开即可。但是，左键单击它们并不像你所描述的那样。是的，我们完全正确，可以通过右键单击使用它们，但左键单击不起作用：）David我认为问题在于代码：$（“#”+IdAry.join（“，#”）））。切换（function（）{changeText（this，“hide”，“show”）}，function（）{changeText（this，“show”，“hide”）；}）嘿，这是现在解决而不是切换我试过点击和它的工作很好谢谢你的支持谢谢你的答复大卫，但在第一部分没有这样的链接，你只需点击其他部分，其中包含链接，并看到：）点击现金流分析，税务分析，投资分析等包含一些链接，但对于讨论目标和关注点，没有指定链接，只有#您已经看到：）我看到您有3个圈组件的真实链接。右键单击它们并在“新建”选项卡中打开即可。但是，左键单击它们并不像你所描述的那样。是的，我们完全正确，可以通过右键单击使用它们，但左键单击不起作用：）David我认为问题在于代码：$（“#”+IdAry.join（“，#”）））。切换（function（）{changeText（this，“hide”，“show”）}，function（）{changeText（this，“show”，“hide”）；}）嘿，这是现在解决，而不是切换我试着点击和它的工作很好，谢谢你的支持