Href Javascript适用于桌面，但不适用于移动设备

Href Javascript works on desktop but not on Mobile

本文关键字：适用于 移动 不适用 Javascript 桌面 Href      更新时间：2023-09-26

我使用这个函数来旋转html内容。它在笔记本电脑/mac上工作，但当我"触摸"手机上的链接时不工作。

<a href="javascript:void(0)" >Link 1</a>
<a href="javascript:void(0)" >Link 2</a>
<a href="javascript:void(0)" >Link 3</a>
<a href="javascript:void(0)" >Link 4</a>
<a href="javascript:void(0)" >Link 5</a>
单击

后，html内容将被动态更改。

我试着

<a href="#" onclick="javascript:;" >Link 1</a>

也试过

<a href="javascript:;">Link 1</a>

都不能在手机上工作。知道为什么会这样吗?我需要在javascript中添加任何代码吗?

编辑:

触发代码如下。首先，它使用了一个类。下面是其中一种方法。

bindMoveHandler:function(target){
        var _this = this;
        target.on(_this.options.trigger,'a',function(event){
            var w = $(this).width();
            var current_offset = $(this).offset();
            var control_offset = target.offset();
            var left = current_offset.left - control_offset.left;
            var scale = w/100;
            var d = 0; //index after move finished

完整代码:http://www.jqueryscript.net/demo/jQuery-Plugin-For-Stylish-Tabbed-Slider-Kiwi-Slider/javascripts/kiwi-slider.js我如何修改它以适应建议的解决方案?

使用jQuery代替onclick属性，并使用像这样的函数调用:

html: 

<a href="#" id="onceClicked">Home</a>
jQuery(测试):

$('#onceClicked').click(function(e) {
    $(this).text('You clicked me!');
});

一个示例页面将是这样的:

<!DOCTYPE html>
<html>
    <head>
        <title>Change Text</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    </head>
    <body>
        <a href="#" class="onceClicked">Link 1</a>
        <a href="#" class="onceClicked">Link 2</a>
        <a href="#" class="onceClicked">Link 3</a>
        <a href="#" class="onceClicked">Link 4</a>
        <a href="#" class="onceClicked">Link 5</a>
        <script>
            $('.onceClicked').click(function(e) {
                $(this).text('You clicked me!');
            });
        </script>
    </body>
</html>

下面是一个工作示例:

http://jsfiddle.net/q87dLoc1/

虽然如果你想添加html而不仅仅是文本，你可以改变这个:

$(this).text('You clicked me!');

变成这样:

$(this).html('<b>You clicked me!</b>');

你试过了吗:

<a href="#" onclick="yourFunction(); return false">Link 1</a>

请记住，这个方法可能会咬到一个可能的返回值yourFunction()。

相关文章：