jquery範圍問題

我遇到了以下問題：我似乎無法保留我在每個重複項目中選擇的鏈接。「這個」這個詞正在迷失。 Var event_id適用於每個元素，但var $ something是未定義的？這是爲什麼呢，理想情況下，我想做一個switch語句，但同樣的問題，似乎無法讓它知道我點擊了什麼鏈接以及它周圍的元素來執行操作。jquery範圍問題

更新全功能：

function rsvp (selector,function_url) { 
$(selector).livequery('click',function(){ 

    var $select = $(selector).attr('rel'); 
    var $event_id= $(this).parents('ul.event-options').attr('rel'); 
     if ($select == "attending") { 
     $(this).closest('span.rsvp-status').html("I'm Attending &ndash; <a href='javascript:;' class='remove' rel='remove'>Remove</a>"); 
     var $something = $(this).parents('ul.event-options').attr('rel'); 
     alert($something); 
     } 
     if ($select == "remove") { 
     $(this).closest('span.rsvp-status').html("Not Attending &ndash; <a href='javascript:;' class='rsvp' rel='attending'>RSVP?</a>"); 
     } 
     if ($select == "interested") { 
     $(this).closest('li').addClass('interested'); 
     $(this).closest('li').removeClass('not-interested'); 
     $(this).closest('li').html("You're Interested"); 
     } 

    $.ajax({ 
     type: "POST", 
     url: "/events/set_member/"+function_url, 
     data: "event_id="+$event_id, 
     beforeSend: function() { 
     $("<span class='notice'>Updating...</span>").prependTo('body'); 
       }, 
     complete: function() 
       { 
       $('span.notice').fadeOut(500); 

       } 
     }); 



    }); 
} 
rsvp ('a.rsvp','rsvp'); 
rsvp ('a.interests','interested'); 
rsvp ('a.remove','remove');

HTML

<ul class="event-options" rel="<?=$event['event_id']?>"> 
         <?php if($event['rsvp_total'] > 0) { ?> 
         <!-- Show Only When Count is Greater than 0 --> 
         <li class="group"><span class="total"><?= $event['rsvp_total']?></span>Interested </li> 
         <?php } ?> 

         <li class="rsvp"><span class="rsvp-status"> Not Attending &ndash; <a href="javascript:;" class="rsvp" rel="attending">RSVP?</a></span></li> 
         <li class="not-interested"> <a href="javascript:;" class="interests" rel="interested"> Interested? </a> </li> 
         <li class="place"><span><a href="<?=$place_path.$event['place_id']?>"><?=$event['place_name']?></a></span></li> 
         <li class="share" rel="<?=$event['event_name']?>"> 
         <a class="sharethis"></a> 

         </li> 

        </ul>

來源

2009-10-14 matthewb

var $something = $(this).parents('ul.event-options').attr('rel');

看看你的HTML，確保ul.event選項是一個家長，你做你的.html調用之後。它也有助於實際提供html源代碼，因爲這是一個完全依賴於你的標記的問題。

這實際上不是一個範圍問題，因爲您不會超出外部範圍和livequery內部範圍。

來源

2009-10-14 17:39:02

新增，忽略php – matthewb 2009-10-14 17:41:39

<li class="rsvp"> 
    <span class="rsvp-status"> 
     Not Attending &ndash; 
     <a href="javascript:;" class="rsvp" rel="attending">RSVP?</a> 
    </span> 
</li>

被點擊的鏈接位於範圍'rsvp-status'內。因此，當您替換相關跨度的innerHTML（通過使用jQuery的.html函數）時，它也會刪除鏈接。所以$（this）不會在html調用之後指向一個元素。

來源

2009-10-14 18:06:04

有道理，爲什麼當我將同一行放入ajax調用的完整部分？在裏面沒有任何東西可以工作。 – matthewb 2009-10-14 18:23:35

可能是因爲'this'關鍵字沒有指向元素。嘗試使用它來代替：var $ something = $（span.rsvp-status）.parents（'ul.event-options'）。attr（'rel'）;這可能會做同樣的事情。 – 2009-10-14 18:52:03

我能夠解決這個問題，它的工作原理。

function rsvpNew(selector,function_url) { 
$(selector).livequery('click',function(){ 
    var select = $(selector).attr('rel'); 
    var event_id = $(this).parents('ul.event-options').attr('rel'); 
    element = this; 

    switch(select) { 
     case "attending": 
     $.ajax({ 
     type: "POST", 
     url: "/events/set_member/"+function_url, 
     data: "event_id="+event_id, 
     beforeSend: function() { 
     $("<span class='notice'>Saving...</span>").prependTo('body'); 
           }, 
     complete: function() { 


         $('span.notice').fadeOut(500); 
         $(element).closest('span.rsvp-status').html("I'm Attending &ndash; <a href='javascript:;' class='remove' rel='remove'>Remove</a>"); 
         } 


     }); 


       break;

來源

2009-10-14 19:53:19 matthewb

jquery範圍問題

回答

相關問題