簡體   English   中英

Href Javascript可在台式機上使用,但不能在移動設備上使用

[英]Href Javascript works on desktop but not on Mobile

我正在使用此功能來旋轉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()的可能返回值。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM