href链接在我添加javascript后不起作用_Javascript_Html_Href

href链接在我添加javascript后不起作用

javascript html

href链接在我添加javascript后不起作用,javascript,html,href,Javascript,Html,Href,我有一个简单的下拉列表，我想用作语言选择器， html代码工作正常，但当我添加下面的脚本时，href不再工作。当鼠标移到上方时，我可以看到链接，但单击不起作用这是我的密码： <body> <div class="container"> <section class="main"> <div class="wrapper-demo">

我有一个简单的下拉列表，我想用作语言选择器， html代码工作正常，但当我添加下面的脚本时，href不再工作。当鼠标移到上方时，我可以看到链接，但单击不起作用

这是我的密码：

<body>
        <div class="container">



            <section class="main">
                <div class="wrapper-demo">
                    <div id="dd" class="wrapper-dropdown-2">
                        <span>Deutsch</span>
                        <ul class="dropdown">
                            <li><a href="http://www.bourax.com"><img src="./images/flags/flags_iso/32/de.png" >Deutsch</a></li>
                            <li><a href="#"><img src="./images/flags/flags_iso/32/en.png" >English</a></li>

                        </ul>
                    </div>
                </div>
            </section>

        </div>
        <!-- jQuery if needed -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script type="text/javascript">

            function DropDown(el) {
                this.dd = el;
                this.placeholder = this.dd.children('span');
                this.opts = this.dd.find('ul.dropdown > li');
                this.val = '';
                this.index = -1;
                this.initEvents();
            }
            DropDown.prototype = {
                initEvents : function() {
                    var obj = this;

                    obj.dd.on('click', function(event){
                        $(this).toggleClass('active');
                        return false;
                    });

                    obj.opts.on('click',function(){
                        var opt = $(this);
                        obj.val = opt.text();
                        obj.index = opt.index();
                        obj.placeholder.text(obj.val);
                    });
                },
                getValue : function() {
                    return this.val;
                },
                getIndex : function() {
                    return this.index;
                }
            }

            $(function() {

                var dd = new DropDown( $('#dd') );

                $(document).click(function() {
                    // all dropdowns
                    $('.wrapper-dropdown-3').removeClass('active');
                });

            });

        </script>
    </body>

这是由于返回错误造成的；第一次单击处理程序中的语句。它阻止事件做它应该做的事情，就像event.preventDefault；当使用jQuery时

尝试将其删除，如下所示：

obj.dd.on('click', function(event) {
  $(this).toggleClass('active');
  //return false;
});

您希望链接有什么样的行为？只需加载带有$language参数的同一页面，www.mysite.com/index.php？lang=det当单击时，独立代码可以更改语言标题：它不工作，它显示链接，但clic不工作。当我删除DropDown.prototype部分时，链接起作用，但下拉列表不起作用，所以我应该保留这部分，我不知道该怎么修复它是一个下拉列表，但它看起来像一个列表，因为我没有复制CSS