代码之家 › 专栏 › 技术社区 › ION

如何使用DOM单击或触发

href click triggers dom function

ION · 技术社区 · 7 年前

我是一个初学者,尝试单击DOM的链接,但没有成功。如何单击或触发该功能?为什么不起作用?

<li id="viewPage"><a href="javascript:viewPage('basic','10000');">viewPage</a>

文件getElementById(“查看页面”)。单击()

function viewPage(Name,Number){

    $("#ViewPage li").removeClass("active");
    $("#"+Name).addClass("active");

    $("#ViewPage").load(
        Name+".asp",
        {
            Number : Number 
        },
        function( response, status, xhr ) {
            if ( status == "error" ) {
                var msg = "there was an error: ";
                $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
            }
    });
}

1 回复 | 直到 7 年前

user3483203 7 年前

由于您似乎不介意在其余代码中使用jquery,因此下面是一种使用jquery点击的简单方法:

$('#viewPage').click(function() {
  console.log('Now your click function is working');
});

function viewPage1(Name, Number) {

  $("#ViewPage1 li").removeClass("active");
  $("#" + Name).addClass("active");

  $("#ViewPage1").load(
    Name + ".asp", {
      Number: Number
    },
    function(response, status, xhr) {
      if (status == "error") {
        var msg = "there was an error: ";
        $("#error").html(msg + xhr.status + " " + xhr.statusText);
      }
    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li id="viewPage"><a href="javascript:viewPage1('basic','10000');">viewPage1</a>

推荐文章

Ezz Deghedy · 如何获取数据和读取响应

1 年前

StuP · 响应式Vue组件在数据更改时不更新

2 年前

burr · 让jQuery选择器识别新添加的DOM元素[关闭]

2 年前

viboven · Javascript DOM未从ID检测到按钮,表示其为null[已关闭]

2 年前

Toufique E Joarder · 将<li>移动到第n个位置并使用JavaScript更改href链接

2 年前

HASEEB ALAM RAFIQ · 如何在react中获取QuerySelector所有html元素?

2 年前

J. Hu · “表单提交已取消,因为表单未连接”[重复]

6 年前

pploypiti · 选择所有其他ID不是“this”的元素。id'

6 年前

xiaolingxiao · 导航到页面后运行javascript

6 年前

Voodoobear · 如何将数字变量插入replaceWith(JavaScript)

6 年前