标题没有正确显示Jquery

时间:2015-08-11 10:56:55

标签: jquery html

我的网站出现问题(http://nts.nuvisiontechs.co.za/)。 当我点击不同的按钮(菜单上的联系我们,预约预约和在页面上预约咨询)时,我有一个标题应该更改的部分。 jQuery代码适用于最后两个,但不适用于"联系我们"按钮: 如果我点击"预约"然后在"联系我们",它是标题"预约显示,而不是"联系我们"。

这是我的jQuery代码:

$('#bookappointment').click(function(){
    $('#titleContent').text("Book an Appointment");
});

$('#bookconsultation').click(function(){
    $('#titleContent').text("Book a Consultation"); 
});

$('#contactbtn').click(function(){
    $('#titleContent').text("Contact Us");  
});

以下是我的按钮:

<a id="contactbtn" class="button secondary-button" href="http://nts.nuvisiontechs.co.za/#contactus"> 
    Contact Us
</a>

<p style="text-align: right;">
    <a id="bookappointment" class="button secondary-button" style="text-align: center;" href="http://nts.nuvisiontechs.co.za/#contactus">
        Book an appointment
    </a>
</p>

<p style="text-align: center;">
    <a id="bookconsultation" class="button secondary-button" style="text-align: left;" href="http://nts.nuvisiontechs.co.za/#contactus">
        Book a Consultation
    </a>
</p>

我不知道该怎么做,因为这段代码实际上正在为另外两个人工作。有人有想法吗?

0 个答案:

没有答案