0

它非常简单，但我没有看到解决方案。

如何在这个 twitter 引导弹出链接中放置一个 php var？

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

以及如何在弹出字段中获取并打印此链接的值？

4

2 回答 2

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 演示

于 2013-01-21T09:26:19.183 回答
0

非常感谢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>

我使用 JQuery 将 data-phpvar 的值发送到#myModal 弹出窗口。我使用 OnClick 事件从 a 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 变得更短或更好吗？

最终我把值放在弹出框内的文本字段中的a 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/上找到这个弹出插件

于 2013-02-28T10:33:49.863 回答