Question

我必须调整位于我的指令内的表的列宽。我找到了一个有效的框架来做到这一点： Resizable table columns with jQuery。但是，我有以下问题。让resize列工作非常简单，只需在我的Angular控制器中添加这个jQuery代码：

$("#normal").colResizable({
                liveDrag:true, 
                gripInnerHtml:"<div class='grip'></div>", 
                draggingClass:"dragging", 
                resizeMode:'fit'
            });

其中normal是我的表的ID，如下所示：

<table id="normal" width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <th>header</th><th>header</th><th>header</th>
            </tr>
            <tr>
                <td class="left">cell</td><td>cell</td><td class="right">cell</td>
            </tr>
            <tr>
                <td class="left">cell</td><td>cell</td><td class="right">cell</td>
            </tr>
            <tr>
                <td class="left bottom">cell</td><td class="bottom">cell</td><td class="bottom right">cell</td>
            </tr>                                                                   
        </table>

现在的问题是jQuery不能用于指令中的表，我的意思是，如果我把表放在普通的html页面中，它可以调整列宽的大小，但是如果我将表格代码放在AngularJs中指令它不起作用。

我的页面中只有表格，没有其他代码可以影响它的功能。

我猜问题是jQuery，但我不完全确定。我是Angular的新手，也许我应该在我的指令中配置一些东西？

Answer 1

如果您不确定DOM是如何工作的，以及如何在角度范围内使用干净的jquery代码，我建议您尝试仅使用Angular。

尝试参考Resizable columns with Angularjs

jQuery不适用于AngularJS指令

1 个答案: