Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将jquery函数绑定到事件_Javascript_Jquery_Asp.net_Ajax_Asp.net Mvc - Fatal编程技术网

Javascript 将jquery函数绑定到事件

Javascript 将jquery函数绑定到事件,javascript,jquery,asp.net,ajax,asp.net-mvc,Javascript,Jquery,Asp.net,Ajax,Asp.net Mvc,我想在点击锚链接标记时绑定jquery函数,但不知道如何绑定,我正在使用ASP.net MVC和Ajax,并希望在Ajax的帮助下显示数据。请给出一些建议,以便在单击链接时绑定以下函数。。谢谢 $(document).ready(function(){ $("a.ShowTable").click(function(e){ var url=this.href; $get(url,{},function(data){ $('#dtable').html(da

我想在点击锚链接标记时绑定jquery函数,但不知道如何绑定,我正在使用ASP.net MVC和Ajax,并希望在Ajax的帮助下显示数据。请给出一些建议,以便在单击链接时绑定以下函数。。谢谢

$(document).ready(function(){
    $("a.ShowTable").click(function(e){
    var url=this.href;
    $get(url,{},function(data){
        $('#dtable').html(data)
    )};
    e.preventDefault();
});
<ul>

    @foreach(var item in Model)
    {
    <li><a href="@Url.Action("Index","Home",new {id=item.Id})">@item.Id</a><li>
    }
    </ul>
$(文档).ready(函数(){
$(“a.ShowTable”)。单击(函数(e){
var url=this.href;
$get(url,{},函数(数据){
$('#dtable').html(数据)
)};
e、 预防默认值();
});
    @foreach(模型中的var项目) {
  • }
您可以使用


这是您的固定代码:{请注意,我不是您浏览器的控制台…}

$(document).ready(function () {
    $("a.ShowTable").click(function (e) {
        var url = this.href;
        $.get(url, {}, function (data) {
            $('#dtable').html(data);
        });
        e.preventDefault();
    });
});

首先在脚本中添加jQuery文件

然后写下面的代码

$(document).ready(function(){
    $(document).on("click","a.ShowTable,"function(e){
    e.preventDefault();
    var url=this.href;
    $get(url,{},function(data){
        $('#dtable').html(data)
    });
 });    
}); 
$(文档).ready(函数(){
$(“a.ShowTable”)。单击(函数(e){
var url=$(this.attr(href);
$.get(url,{},函数(数据){
$('#dtable').html(数据)
)};
e、 预防默认值();
});
    @foreach(模型中的var项目) {
  • }

请发布您的html代码,以便我们提供帮助。可能只是有问题的输入错误,但您没有关闭ready handler。并且您有一个语法错误
)};
应该是
})请考虑使用控制台进行调试,但不是这样!您正在使用哪个版本的jquery部分来自试图修复语法错误的所有答案,我怀疑
$get
应该是
$。get
@Jamiec nice catch,没有看到它。事实上,OP真的应该开始打开他的控制台…文档不需要引号,有时它会发生@Arun:)抱歉,guysit是正确的,但我在OP中没有看到ShowTable类Question@Arun这是真的,我想OP知道他在做什么,而不仅仅是从某个地方复制/粘贴代码,把它放到他的网站上,然后让其他人调试它。我只是猜测,也许我错了。。。
$(document).ready(function(){
    $(document).on("click","a.ShowTable,"function(e){
    e.preventDefault();
    var url=this.href;
    $get(url,{},function(data){
        $('#dtable').html(data)
    });
 });    
}); 
$(document).ready(function(){
    $("a.ShowTable").click(function(e){
    var url=$(this).attr(href);
    $.get(url,{},function(data){
        $('#dtable').html(data)
    )};
    e.preventDefault();
});

<ul>
    @foreach(var item in Model)
    {
    <li><a href='@Url.Action("Index","Home",new {id=item.Id})' class='ShowTable'>@item.Id</a><li>
    }
    </ul>