0

在这方面还是新的......对不起！我有一个用于多个页面的模板，每个页面的功能都不同。如中，布局看起来相同，但页面可能用于设计、上传、定价或获取模板。

如果他们知道他们的产品尺寸，左边是一个按钮。点击按钮将他们带到基于他们需要的适当页面（即，如果他们点击上传按钮，则上传页面）。该按钮是动态的，模板如下：

<a id="sg-start-button" class="button blue" href="javascript:void(0);" name="<?php echo $guide_action; ?>">Start Designing!</a>

并且脚本应该从“名称”属性中提取值并采取相应的行动。

我只是不确定如何指定 jquery 来查看该值。这是我所拥有的：

$('#sg-start-button').click(function() {
    var $guide_action = $('#sg-start-button').I NEED THIS();
    if($guide_action == 'design') start_action(0);
    if($guide_action == 'upload') start_action(1);
    if($guide_action == 'template') start_action(2);
    if($guide_action == 'price') start_action(3);
});

我尝试了 attr 标签 (.attr('name')) 但不是这样。感谢任何帮助。谢谢！

4

5 回答 5

4 
$('#sg-start-button').click(function() 
{
    console.log($(this).prop('name'));
});
于 2012-04-30T13:37:29.227 回答
2 
$('#sg-start-button').click(function() {
  console.log($(this).attr('name'));
  console.log($(this).attr('href'));
});

我想你想要这样的东西：

$('#sg-start-button').click(function(e) {
    e.preventDefault();
    var $guide_action = $(this).attr('name');
    if($guide_action == 'design') start_action(0);
    if($guide_action == 'upload') start_action(1);
    if($guide_action == 'template') start_action(2);
    if($guide_action == 'price') start_action(3);
});
于 2012-04-30T13:36:44.690 回答
0

attr("name")作品。看看这个 jsfiddle

$('#sg-start-button').click(function() {
  var guide_action = $('#sg-start-button').attr("name");
  alert(guide_action);
});​
于 2012-04-30T13:41:04.797 回答
0

你应该使用 attr() 方法。

所以你的代码看起来像：

$('#sg-start-button').click(function() {

     var $guide_action = $('#sg-start-button').prop('name');

     switch($guide_action) {

        case 'design':
          start_action(0);
          break;

        case 'upload':
          start_action(1);
          break;

        case 'template':
          start_action(2);
          break;

        case 'price':
          start_action(3);
          break;

    }

});
于 2012-04-30T13:43:01.653 回答
0

在您的示例中，您应该使用prop()：

$('#sg-start-button').click(function() {
    var guideAction = $(this).prop('name')
});

data-x但是，IMO 使用属性会更具语义性，如下所示：

<a id="sg-start-button" class="button blue" href="#" data-guide-action="<?php echo $guide_action; ?>">Start Designing!</a>

$('#sg-start-button').click(function(e) {
    e.preventDefault();
    var guideAction = $(this).data("guide-action")
});
于 2012-04-30T13:43:43.847 回答