Question

我不确定我的代码有什么问题但是当我点击图标时它不会重定向到href链接。

        <ul class="nav navbar-nav navbar-right social">
            <li><a href="https://www.facebook.com/Blindthreatsnz/"><i class="fa fa-lg fa-facebook"></i></a></li>
            <li><a href="http://blindthreatsnz.bandcamp.com/"><i class="fa fa-lg fa-soundcloud"></i></a></li>
            <li><a href="https://youtu.be/2qETcJ00iXY"><i class="fa fa-lg fa-youtube"></i></a></li>
            <li><a href="https://youtu.be/2qETcJ00iXY"><i class="fa fa-lg fa-twitter"></i></a></li>
        </ul>

这是网址 - http://blindthreatshc.mycoffeeshopdemosite.com/

Answer 1

您的HTML中包含以下代码：

[ResponseType(typeof(DiaryDeviceDTO))]
[HttpPost]
[Route("api/Device/Register")]
public async Task<IHttpActionResult> Register([FromBody]DeviceRegistration deviceRegistration)
{
    if (deviceRegistration == null)
    {
        return BadRequest("Request body is null");
    }

    DiaryDevice device = await _deviceBl.Register(deviceRegistration.RegistrationCode);
    var deviceDto = Mapper.Map<DiaryDevice, DiaryDeviceDTO>(device);
    return Ok(deviceDto);
}

这可以防止您的点击继续。如果您将其更改为以下内容，则可以排除社交链接：

$(".navbar a, footer a[href='#myPage']").on('click', function(event){ event.preventDefault()});

Answer 2

您缺少此标签target =“ _ blank”

<li><a href="https://www.facebook.com/Blindthreatsnz/" target="_blank"><i class="fa fa-lg fa-facebook"></i></a></li>

单击社交媒体图标（字体很棒）不重定向到href

2 个答案: