2013-06-19 83 views
1

如果這是一個重複的道歉;我研究了類似的問題,但無法獲得任何工作(我對PHP和JQuery非常陌生)。從PHP獲取一個變量到一個Fancybox

我至今這個功能設置,比如我想他們其中拉的ID和小費值:

$(document).ready(function(){ 
    $('.tooltip').click(function(){ 
     var id  = $(this).attr('tooltip-id'); 
     var tip  = $(this).attr('data-tooltip'); 
     var target = $('div#tooltip-modal'); 
     $.fancybox(target); 

    }); 

下面是相關的div:

<div id="tooltip-modal" style="display:none"> 
    <h2>Edit the description of this item:</h2> 
    <form id="update-tooltip"> 
     <input type="hidden" id="id" value="id"> 
     Tooltip body: <textarea name="body" class="input">{{tip}}</textarea><br> 
     <input type="submit" value="Update" id="update"> 
    </form> 
</div> 

我想要的提示和id值顯示在各自的目的地(id是隱藏的,tip應該是textarea的主體,希望用戶可以編輯)。我覺得這應該很簡單,不是嗎?我已經嘗試過將其傳入的每種方法;我看到有人推薦AJAX,但我也是新手,並且相當肯定我做錯了(如果這是正確的方法)。

我最終將需要將修改後的提示文本保存到數據庫,但這是另一天的問題。如果這影響你的解決方案,但是,現在你知道了。

回答

1

你可以改變這一點:

var id  = $(this).attr('tooltip-id'); 
    var tip  = $(this).attr('data-tooltip'); 

喜歡的東西(必要時可縮短):

var id  = $(this).attr('tooltip-id'); 
    var tip  = $(this).attr('data-tooltip'); 

    $("#id").val(id); 
    // a bit longer as the textarea does not have an ID 
    $("#tooltip-modal .input").val(tip); 
+1

YOU ARE神。爲什麼在這個世界上有這樣一個難以找到的解決方案?我知道這會很簡單。非常感謝你! – thumbtackthief

相關問題