把數據放在#myModal popup Twitter引導

Question

它很簡單，但我沒有看到解決方案。

如何在這個twitter引導彈出鏈接中放置一個php var？

<a href="#myModal" title="Lees meer" value="12345" data-toggle="modal">Read More</a>

，我怎麼能得到和打印，在彈出的現場這個環節的價值？

Answer 1

如果短標籤啓用：

<a 
    href="#myModal" 
    title="Lees meer" 
    value="12345" 
    data-toggle="modal" 
    data-phpvar="<?=$myVariable?>" 
> 
    Read More 
</a> 

其他：

<a 
    href="#myModal" 
    title="Lees meer" 
    value="12345" 
    data-toggle="modal" 
    data-phpvar="<?php echo $myVariable; ?>" 
> 
    Read More 
</a> 

都縮進了可讀性 - 不要在實際的HTML做到這一點，它看起來凌亂。

而要得到它的jQuery - .data("variable")自動獲得屬性與data-開始：

$("a[href=#myModal]").click(function() { 
    alert($(this).data("phpvar")); 
}); 

或使用.attr相當於：

$("a[href=#myModal]").click(function() { 
    alert($(this).attr("data-phpvar")); 
}); 

，並在模式的輸出：

$("a[href=#myModal]").click(function() { 
    var phpVariable = $(this).attr("data-phpvar"); 
    var modalObject = $($(this).attr("href")); 
    modalObject.find(".modal-body").text(phpVariable); //You might also use .html() 
}); 

個

JSFiddle demo of the code working

Answer 2

非常感謝h2ooooooo

我已經啓用了短標籤，我將建立鏈接屁股如下：

<a href="#myModal" 
    title="Bewerken" 
    role="button" 
    data-toggle="modal" 
    data-phpvar="<?php echo $value['i_id_pk'] . '||' . $value['c_user'] . '||'. $value['i_user_type_id_fk'];?>"> 
    <i class="icon-edit"></i> 
</a> 

我發送數據phpvar值使用JQuery到#myModal Popup。我使用一個OnClick事件來獲取href data-phpvar中的值。像這樣：

<script> 
    $("a[href=#myModal]").click(function() { 
     var str = $(this).attr("data-phpvar"); 
     var substr = str.split('||'); 

     $("[name=user_id]").val(substr[0]); 
     $("[name=c_chance_user_name]").val(substr[1]); 
     $("[name=validation_c_user]").val(substr[1]); 
     $("[name=c_chance_user_type]").val(substr[2]); 

     $("span.userName").text(substr[1]); 
    }); 
</script> 

它會工作，但是，我可以做這件JQuery做得更短還是更好？

最終我把值從彈出窗口中的textfields的href data-phpvar中取出。該文本字段必須具有與JQuery名稱相同的名稱：

$（「[name = user_id]」）。val（substr [0]）; 或 $（「[name = c_chance_user_name]」）。val（substr 1）;

在彈出的HTML文本字段是這樣的：

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
      <h3 id="myModalLabel">Wijzig gebruiker "<span class="userName"></span>"</h3> 
     </div> 
     <div class="modal-body"> 
      <input class="span3" id="appendedPrependedInput" type="text" name="c_chance_user_name" value="" minlength="3" required /> 
      <input class="span3" type="text" data-validation-match-match="c_chance_user_name" name="validation_c_user" minlength="3" required /> 
     </div> 
     <div class="modal-footer"> 
      <button class="btn" data-dismiss="modal" aria-hidden="true">Sluiten</button> 
      <button class="btn btn-success" name="chanceBtn"><li class="icon-ok-circle icon-white"></li> Opslaan</button> 
     </div> 
    </div> 

你可以找到www.twitter.github.com/