0

これはまだ新しい...申し訳ありません！各ページで異なる機能を持つ複数のページ用のテンプレートがあります。のように、レイアウトは同じように見えますが、ページはデザイン、アップロード、価格設定、またはテンプレートの取得用である可能性があります。

左側には、製品の寸法を知っているかどうかのボタンがあります。ボタンをクリックすると、必要に応じて適切なページに移動します (つまり、アップロード ボタンをクリックした場合はアップロード ページ)。ボタンは次のようなテンプレートで動的です。

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

そして、スクリプトは「name」属性から値を取得し、それに応じて動作するはずです。

その値を見るために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 に答える