将数据传递给 yiistrap 模态答案

【问题标题】：passing data to yiistrap modal将数据传递给 yiistrap 模态
【发布时间】：2013-10-18 13:06:31
【问题描述】：

我想将数据从 cgridview 按钮传递到 yistap 模态。我已经完成了有关如何将值传递给 Bootstrap 模态的 stackoverflow 的早期问题。我也对 yistrap 进行了类似的尝试，但它不起作用。

//cgridview buttons code which opens dashboard created using yiistrap modal.
'buttons'=>array (
            'Open Dashboard' => array ( 
                'options' => array(
                        'data-toggle'=>'modal', 
                        'data-target' => '#myModal', 
                        'data-id' => '$data->siteID',
                        'csrf' => true,
                ), 
                'icon' => 'briefcase',
            ),
        ),


     //code in modal-body
     <input type="text" name="bookId" id="bookId" value=""/>
            <script>
            $(document).ready(function(){   
                        var $this = $(this);
                        var myBookId = $this.data(\'id\');
                        $("#bookId").val(myBookId);
                }
            );
            </script>

现在的问题是 myBookId 始终为空。那么有人可以建议我在哪里犯错吗？这是我创建的小提琴http://jsfiddle.net/ujhGX/。我需要显示 data-id。

【问题讨论】：

这段代码没有意义。你期望var $this = $(this); 是什么？你希望 $(this) 引用什么元素？
我刚开始使用 javascript，所以我通过阅读较早的帖子想出了这段代码，但是 $this = $(this) 有什么问题？据我所知，$this 是 javascript 中的普通变量，对于 $(this).data()，您可以在 google 上搜索很多结果。 var $this = $(this) 可能是不必要的步骤，但它不是错误的代码。如果我错了，请纠正我，因为我是 javascript 新手。我想将 data-id 传递给 yiistrap modal。
$this = $(this) 经常使用，是的。但在你写的上下文中，它没有意义。当您使用该代码时，它会存储 $(this) 的值，而不是存储函数 $(this) 或像在不同对象/元素上编写 $(this) 一样运行。请发布更多 html，以便我们为您提供更多帮助。
我没有在任何地方使用 html，我只使用 php 或 javascript。我应该发布从这个 php 代码生成的相关 html 代码。
请用你的代码做一个 jsfiddle。目前尚不清楚您需要解决什么问题。

标签： javascript jquery twitter-bootstrap yii

【解决方案1】：

试试这个：

$(document).ready(function () {
    var myBookId = $('a[csrf="1"]').data('id');
    $("#bookId").val(myBookId);
});

Fiddle

【讨论】：

你能看看这个jsfiddle.net/ujhGX/2。单击两个图标会显示相同的值。模态应该显示不同的值。
@user2673943，你的代码还是很不清楚。检查所有<a> 元素的共同点，并在选择器中使用它。添加一个类会很好。然后删除该内联脚本并使用这个 jsfiddle 中的点击处理程序：jsfiddle.net/ujhGX/3