1

抱歉，Juice UI 新手，以及真正的网络应用新手。从 Juice UI 网站获取简单示例时遇到问题。它应该说明制作拖放示例是多么容易，但我遇到了很多错误，这让我觉得我错过了一些非常基本的东西。我正在尝试使用 Droppable 控件，记录在这里：http: //juiceui.com/controls/droppable

可拖动示例运行良好，所以我已经做到了这一点，但是当我将可拖放示例文本粘贴到我的 C# Web 应用程序中时，我收到样式需要位于表单之外、正文之外等的错误 - 我继续前进它向上链。最终它说“元素样式需要在父元素中”——如果我不能把它放在页面上，我不确定把它放在哪里。我想在 .css 文件中？此外，它说标签缺少必需的属性“类型”。

任何帮助将非常感激！

<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"/>
4

2 回答 2

3

您正在审阅的文档是部分文档。我相信它假设您已经编写了文档的其余部分：

<!DOCTYPE html>
<html>
  <head>
    <title>Droppable Example</title>
  </head>
  <body>
    <!-- Your Code Here -->
  </body>
</html>
于 2012-05-03T04:16:50.720 回答
0

好的，一项研究表明：

  1. 元素总是在该部分内 - 呃
  2. 始终需要 type="text/css" 的类型属性，所以我补充说
  3. 为 (type="text/javascript") 添加了 type 属性
  4. 弹出另一个错误，与示例中的 _Default id 冲突，与创建新 Web 应用程序时的 Default 类名相同。错误的元素 ID 选择示例，其中用户可能会做我正在做的事情，创建一个默认的 Web 应用程序并粘贴代码并期望它运行。

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

于 2012-05-03T04:39:07.583 回答