一旦我开始使用jQuery UI拖动元素,文本就会在某些情况下包装

时间:2017-03-05 07:27:01

标签: jquery-ui

我正在编写一个应用程序,允许用户在水平方向上将元素从一个列表拖动到另一个列表。我根据jQuery示例创建了一个jsfiddle for it.

以下是代码:

//1st Approach
#define enumString(arg) (@""#arg)

//2nd Approach

+(NSString *)secondApproach_convertEnumToString:(StudentProgressReport)status {

    char *str = calloc(sizeof(kgood)+1, sizeof(char));
    int  goodsASInteger = NSSwapInt((unsigned int)kgood);
    memcpy(str, (const void*)&goodsASInteger, sizeof(goodsASInteger));
    NSLog(@"%s", str);
    NSString *enumString = [NSString stringWithUTF8String:str];
    free(str);

    return enumString;
}

//Third Approcah to enum to string
NSString *const kNitin = @"Nitin";
NSString *const kSara = @"Sara";


typedef NS_ENUM(NSUInteger, Name) {
    NameNitin,
    NameSara,
};

+ (NSString *)thirdApproach_convertEnumToString :(Name)weekday {

    __strong NSString **pointer = (NSString **)&kNitin;
    pointer +=weekday;
    return *pointer;
}

我的问题是,一旦我开始拖动它们,一些元素会自动换行。但不是所有人都这样。有办法防止这种情况吗?

1 个答案:

答案 0 :(得分:0)

我提出了一个解决方案,我觉得这个解决方案并不完全令人满意,但如果我用& nbsp;替换可拖动div中的空格。它可以防止包裹。更新后的fiddle is here,其中显示了两组可拖动,一组带有空格,一组带有& nbsp;正如这两行所示:

<ul id="sortable1" class="connectedSortable">
  <li class="ui-state-default">Item 1</li>
  <li class="ui-state-default">Larger Item 2</li>
  <li class="ui-state-default">I3</li>
  <li class="ui-state-default">Item 4</li>
  <li class="ui-state-default">Humongous Item 5</li>
</ul>
<ul id="sortable2" class="connectedSortable">
  <li class="ui-state-highlight">Item&nbsp;1</li>
  <li class="ui-state-highlight">Larger&nbsp;Item&nbsp;2</li>
  <li class="ui-state-highlight">I3</li>
  <li class="ui-state-highlight">Item&nbsp;4</li>
  <li class="ui-state-highlight">Humongous&nbsp;Item&nbsp;5</li>
</ul>

第二行中突出显示的内容在拖动时不会换行。不是最好的解决方案,但可行。