Question

我得到了这个Codrops tutorial用于自定义下拉列表（更具体地说，示例一）。我没有达成协议：只需复制并粘贴标记和jQuery并自定义我自己的风格。

但是，如果你查看示例，那么最后会有一个jQuery，它为我们提供了一个JavaScript代码片段，使按钮显示所选的值。好的！但是，我注意到了什么！它使我的链接停止工作。由于我将在<a>标签内部使用一些PHP值和＃，因此无论何时单击链接，占位符都可以使用，但链接不起作用。

以下代码用于下拉效果

function DropDown(el) {
  this.dd = el;
  this.initEvents();
}
DropDown.prototype = {
  initEvents : function() {
    var obj = this;

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

这个占位符：

function DropDown(el) {
    this.dd = el;
    this.placeholder = this.dd.children('span');
    this.opts = this.dd.find('ul.dropdown > li a');
    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;
    }
}

非常感谢你！

Answer 1

var href = $(this).attr('href');

为要使用的href设置变量，如果要定位特定的标记，则替换“＃”使用它的类，使用attr选择一个属性，href是你想要得到的属性，这会将href值存储在一个名为href的变量中

使用jQuery获取href值

1 个答案: