Question

对不起，总Juice UI新手，还真是一个网络应用新手。无法从Juice UI网站获取简单示例。它应该说明制作拖放示例是多么容易，但是我遇到了很多错误，这让我觉得我错过了一些非常基本的东西。我尝试使用Droppable控件，在此处记录： http://juiceui.com/controls/droppable

可拖动的示例运行良好，所以我已经做到了这一点，但是当我将可放置示例文本粘贴到我的C＃Web应用程序中时，我得到的错误是样式需要在表单之外，在正文之外，等等 - 我继续向上移动它。最终它说＆＃34;元素样式需要在父元素中＃34; - 如果我不能把它放在页面上，不知道放在哪里。我想在.css文件中？此外，它表示标签缺少必需的属性＆＃39;类型＆＃39;。

非常感谢任何帮助！

<style>
    .draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
    .droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
</style>

<script>
    $(function(){
        $( "#_Default" ).droppable( "option", "drop", function( event, ui ) {
            $( this )
                .addClass( "ui-state-highlight" )
                .find( "p" )
                    .html( "Dropped!" );
            }
        );
    });
</script>

<asp:panel ID="_Draggable" CssClass="draggable ui-widget-content" runat="server">
    <p>Drag me to my target</p>
</asp:panel>
<juice:draggable TargetControlID="_Draggable" runat="server"/>

<asp:panel ID="_Default" CssClass="droppable ui-widget-header" runat="server" ClientIDMode="Static">
    <p>Drop here</p>
</asp:panel>
<juice:droppable TargetControlID="_Default" runat="server"/>

Answer 1

您正在审核的文档是部分文档。我相信它假定您已经完成了本文档的其余部分：

<!DOCTYPE html>
<html>
  <head>
    <title>Droppable Example</title>
  </head>
  <body>
    <!-- Your Code Here -->
  </body>
</html>

Answer 2

好的，一点研究显示：

元素总是进入部分 - duh
type属性总是需要是type =“text / css”，所以我补充说
为（type =“text / javascript”）
弹出另一个错误，与_中的_Default id冲突例如，与创建新Web时的Default类名相同应用。对于其中的示例，元素ID选择不当用户可能正在做我正在做的事情，创建一个默认的Web应用程序并粘贴代码并期望它运行。

不知道为什么在编写这个示例时没有捕获到这些错误，但是使用Juice UI时遇到了令人沮丧的第一次体验。感谢您的所有时间和回复。

Juice UI droppable示例 - 无能为力的新手无法获得工作

2 个答案: