Question

我想要一个图标，当点击时，触发一个jQuery对话框，显示特定于被点击项目的消息。因为我是jQuery的新手，所以我绝对没有运气。有人可以告诉我我做错了什么吗？

ASP MVC视图中的代码部分

    <td>
    @if (!String.IsNullOrWhiteSpace(item.Notes))
    {
        <span id="notes" onclick='GetNotes(@id);'>
            <img src="@Url.Content("~/Content/images/magnify.gif")" alt="Show Notes" />
        </span>           
    }

        <div id="@id" style="display:none;">
            @Html.DisplayFor(modelItem => item.Notes)
        </div>       
    </td>

jQuery代码：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="@Url.Content("~/Scripts/jquery.tablesorter.min.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#thetable").tablesorter();
    }
    );

    function GetNotes(id) {
        $(function GetNotes() {
            $("#" + id + "\"").dialog();
        });
    }

</script>

修改

onlick方法名称之前包含错误。还有额外的'）'。

Answer 1

你在这个GetNotes函数中有一些非常糟糕的javascript。试试这样：

function GetNotes(id) {
    $('#' + id).dialog();
}

还要在浏览器中查看您的javascript调试控制台。它会显示错误。

获取jQuery对话框以进行工作

1 个答案: