2012-08-06 53 views
1

這裏是我的警報HTMLjQuery,Twitter引導程序:如何基於操作生成警報(和文本)?

<div id="feature" class="feature"> 
    <div id="alerts"> 
    </div> 
    # other html data 
</div> 

這裏是我的Ajax呼叫

 // send the data to the server using .ajax() or .post() 
     $.ajax({ 
      type: 'POST', 
      url: 'addVideo', 
      data: { 
       video_title: title, 
       playlist_name: playlist, 
       url: id, 
       success: notify('success', 'saved!') 
       error: notify('failure', 'not saved!') 
      }, 

這裏是notify功能的外觀

function notify(notify_type, msg) { 
    var alerts = $('#alerts'); 
    alerts.append('<a class="close" data-dismiss="alert" href="#">×</a>'); 
    if (notify_type == 'success') { 
     alerts.addClass('alert alerts-success').fadeIn('fast'); 
    } 
    if (notify_type == 'failure') { 
     alerts.addClass('alert alerts-error').fadeIn('fast'); 
    } 
} 

我使用從這裏參考 - http://twitter.github.com/bootstrap/components.html#alerts 當我在Firebug上調試,我看到沒有元素被發現與選擇器:「#alerts」 雖然我可以在view-source中看到div標記,但是什麼是錯誤?

所需 - 基於響應我想在文本中插入適當的警報自動

我學習jQuery的,我相信這有錯誤,但無法明白的地方,這是失敗的

回答

0

,我們在您ajax功能的一些錯誤,你已經把success函數的對象中,並錯過了),請嘗試以下操作:

$.ajax({ 
     type: 'POST', 
     url: 'addVideo', 
     data: { 
      video_title: title, 
      playlist_name: playlist, 
      url: id }, 
     success: notify('success', 'saved!'), 
     error: notify('failure', 'not saved!') 
     }) 
+0

仍然在Firebug中看到'沒有找到與選擇元素:「#alerts」'和div沒有出現 – fullstackcrash 2012-08-06 20:20:07

+0

@frontendlearner問題是別的,http://jsfiddle.net/z5JWX/1/ – undefined 2012-08-06 20:30:44

+0

你是對的,我使用的jQuery.load(other.html)覆蓋了'div =「alerts」',一旦我照顧好了,一切都很好。非常感謝您的幫助 – fullstackcrash 2012-08-06 21:37:01

相關問題