                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

结果更任务中要求的不一样啊？

怎么回事？？？？点击提交并没有出现保存和退出！网友的也没有

qq_思念不语_0

2015-10-26

源自：jQuery基础课程 9-7

关注问题我要回答

265

操作

收起

4 回答

TWT 回答被采纳 +3 积分
2015-10-30

右击”提交“按钮显示“保存”与“退出”

        <script type="text/javascript">
            $(function () {
                $('#btnSubmit').contextMenu('sysMenu',
                  { bindings:
                     {
                         'Li3': function (Item) {
                             $(".tip").show().html("您点击了“保存”项");
                         },
                         'Li4': function (Item) {
                             $(".tip").show().html("您点击了“退出”项");
                         }
                     }
                  });
            });
        </script>

右击”span标签“按钮显示“保存”与“退出”

        <script type="text/javascript">
            $(function () {
                $(".fl").contextMenu("sysMenu",
                  { bindings:
                     {
                         'Li3': function (Item) {
                             $(".tip").show().html("您点击了“保存”项");
                         },
                         'Li4': function (Item) {
                             $(".tip").show().html("您点击了“退出”项");
                         }
                     }
                  });
            });
        </script>

0 回复有任何疑惑可以回复我~

收起回答

qq_思念不语_0 提问者

非常感谢！ok

2015-10-30 回复有任何疑惑可以回复我~

qq_思念不语_0 提问者
2015-10-30

右键显示。。。。

0 回复有任何疑惑可以回复我~

收起回答

qq_思念不语_0 提问者
2015-10-26

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>右键菜单插件</title>

</head>

<body>

</div>

<ul>

</ul>

</div>

$(function () {

$('#btnSubmit').contextMenu('sysMenu',

{ bindings:

{

'Li3': function (Item) {

$(".tip").show().html("您点击了“保存”项");

'Li4': function (Item) {

$(".tip").show().html("您点击了“退出”项");

}

});

</script>

</body>

</html>

谢谢！但是咱们两个的似乎一样啊！你的代码也没有显示~~~

0 回复有任何疑惑可以回复我~

收起回答

menghuanbaolei
2015-10-26

这样：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>右键菜单插件</title>
        <link href="http://www.imooc.com/data/jquery.contextmenu.css" rel="stylesheet" type="text/css" />
        <link href="style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="http://www.imooc.com/data/jquery-1.8.2.min.js"></script>
        <script src="http://www.imooc.com/data/jquery.contextmenu.js" type="text/javascript"></script>
    </head>
    
    <body>
        <div id="divtest">
            <div class="title"><span class="fl">点击右键</span></div>
            <div class="content">
                <input id="btnSubmit" type="button" value="提交" />
                <div class="tip"></div>
            </div>
            <div class="contextMenu" id="sysMenu">
                <ul>
                    <li id="Li3"><img src="http://img1.sycdn.imooc.com//52e4b34b0001bb6d00160016.jpg" alt="" />保存</li>
                    <li id="Li4"><img src="http://img1.sycdn.imooc.com//52e4b3680001424900160016.jpg" alt="" />退出</li>
                </ul>
            </div>
        </div>
        
        <script type="text/javascript">
            $(function () {
                $("#btnSubmit").contextMenu('sysMenu',
                  { bindings:
                     {
                         'Li3': function (Item) {
                             $(".tip").show().html("您点击了“保存”项");
                         },
                         'Li4': function (Item) {
                             $(".tip").show().html("您点击了“退出”项");
                         }
                     }
                  });
            });
        </script>
    </body>
</html>

0 回复有任何疑惑可以回复我~

收起回答