[英]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>
這是一個工作示例:
盡管如果您希望添加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.