在jquery中弹出div框以编辑给定项目?

时间:2012-01-28 22:15:26

标签: jquery

所以我最初有一堆LI元素,其中span文本位于“unrated”之内。我想弄清楚我怎么能按下一个按钮,得到一个弹出式div,我可以从几个无线电中选择一个等级,然后让div消失并更新跨度。

我可能只是从概念上讲,正在传递数据。我希望它说“请为 _ _评分”并让它在弹出框中显示名称,并将结果数据传回。如何将数据显示在div中?我知道我可以做这样的事情来抓住按钮父元素内容

$text = $el.parent().find("span").text();

但我不确定......如何从那里拿走它。如何显示内部内容的新div,然后传回div关闭的值。

我知道这可能是非常微不足道的...只是不确定如何去看或去哪里(甚至是任何做类似拆分的网站)。

2 个答案:

答案 0 :(得分:1)

这是一个你可以看到的简单版本。与小提琴一起玩,了解它是如何工作的。小提琴:http://jsfiddle.net/brentmn/k2Yaz/4/

一旦掌握了它的基础知识,如果你需要帮助改进它,可以提出更多问题。

var $owner = undefined;
var $ratingPop = $('#select-rating');
$('#ratings span').on('click', function() {
    $owner = $(this);
    $('input[value="' + $owner.text() + '"]').attr('checked', true);
    $ratingPop.show();
});

$('input[type=radio]').on('click', function() {
    $owner.text($(this).val());
    $ratingPop.hide();
});

答案 1 :(得分:0)

这是一个非常广泛的问题。你应该熟悉基础知识。您可以在jQuery UI中找到弹出窗口的优秀示例:http://jqueryui.com/demos/dialog/#animated

逻辑可以是这样的: 用户点击评级按钮=>你给他看了一个jQuery对话框,评级单选按钮=>用户点击具有特定费率=>的单选按钮;在关闭无线电的值(例如3)时关闭对话框,并通过jQuery方法之一将此值放入初始显示div。