将div移动到另一个div(ASP.NET MVC)

时间:2017-02-27 14:32:36

标签: c# jquery html asp.net asp.net-mvc

我编写ASP.NET应用程序

我有一个div,这里是代码:

<div class="title" style="margin-top:15px;margin-left:15px;">
    <img class="click" src="@Url.Content(" ~/Images/plus_plus.png")" />
    <span>
        @Html.TextBoxFor(modelItem => item.question, new {@class="testclass", @readonly = "readonly" })
    </span>

    <a class="click2" style="margin-left:10px;">
        <img src='@Url.Content("~/Images/arrow.png")' />
    </a>
    <a style="margin-left:25px;" href='@Url.Action("Edit", "Questions", new {id = item.QuestionId})'>
        <img src='@Url.Content("~/Images/Edit.png")' />
    </a>
    <a href='@Url.Action("Delete", "Questions", new {id = item.QuestionId})'>
        <img src='@Url.Content("~/Images/Delete.png")' />
    </a>
</div>

我需要把它移到另一个。这是代码:

 <div class="title2"></div>

据我了解,需要通过jquery来完成。

我尝试编写此脚本

 <script type="text/javascript" >
    $('.title').on('click', function () {
        $(this).next().toggle();
    });
    $('click2').click(function () {
        var elem = $(this).closest('.title');
        elem.hide();
        $('title2').append(elem).show();
        elem.remove();
    });
</script>

但它不起作用。我的问题在哪里?

2 个答案:

答案 0 :(得分:1)

移除.hide并将html的{​​{1}}追加到elem

title2

我添加了一些var elem = $(this).closest('.title'); $('.title2').append($(elem).html()).show(); $('.title').remove() 并删除了一些mvc代码,以使示例正常工作。它不会给你带来任何问题。

&#13;
&#13;
<hr>
&#13;
$('.title').on('click', function() {
  $(this).next().toggle();
});
$('.click2').click(function() {
  var elem = $(this).closest('.title');
  $('.title2').append($(elem).html()).show();
  $('.title').remove()
});
&#13;
&#13;
&#13;

答案 1 :(得分:1)

乍一看,在尝试将事件侦听器分配给具有特定类名的特定元素时,您忘记包含array2 = np.empty((20,20) + array1.shape,dtype=array1.dtype) array2[:] = array1

例如:

In [400]: array1 = np.arange(1,9).reshape(2,4)

In [401]: array1
Out[401]: 
array([[1, 2, 3, 4],
       [5, 6, 7, 8]])

# @MSeifert's soln
In [402]: %timeit np.tile(array1, (20, 20, 1, 1))
100000 loops, best of 3: 8.01 µs per loop

# Proposed soln in this post
In [403]: %timeit initialization_based(array1)
100000 loops, best of 3: 4.11 µs per loop

# @MSeifert's soln for READONLY-view
In [406]: %timeit np.broadcast_to(array1, (20, 20, 2, 4))
100000 loops, best of 3: 2.78 µs per loop

需要:

.

此外,我已将<script type="text/javascript" > $('.title').on('click', function () { $(this).next().toggle(); }); $('click2').click(function () { var elem = $(this).closest('.title'); elem.hide(); $('title2').append(elem).show(); elem.remove(); }); </script> <script type="text/javascript" > $('.title').on('click', function () { $(this).next().toggle(); }); $('.click2').click(function () { var elem = $(this).closest('.title'); elem.hide(); $('.title2').append(elem).show(); elem.remove(); }); </script> 更改为.hide().show()

我创建了一个JSfiddle

这不完全是你所拥有的,只是为了视觉而已。

<强> HTML:

.detach()

<强> jQuery的:

.attach()

如果有帮助,请告诉我。