Question

我有一个重复itselvs的代码块。通过编写代码块，我可以在很多页面中重复使用html，javascript和css。例如：

.filter {
    background-color:black;
}

$(document).ready(function(){
     $('[name=aaclick]').click(function(){ alert('aa!'); });
});

<div class="filter">
    aaa<input type="text" />
    <a name="aaclick">click</a>
</div>

我可以将这3个单元组合在一起吗？
如何防止自己在不同的页面中反复编写此代码？

Answer 1

我可以将这三个单元组合在一起吗？
你可以使它们彼此更接近（至少减少部分数量为2），但我不建议这样做。样式应该保留样式，javascript使用javascript和html with html。

如何阻止自己在不同页面中反复编写此代码？
1.将此样式定义放在每个页面中包含的公共css文件中。不要重复 2.将此javascript代码放在每个页面中包含的常见js文件中。不要重复 3.如果您从javascript生成其余内容，则可以将第三部分缩减为<div class="filter"></div>。像这样的东西

$(document).ready(function(){
    $('.filter').each(function() {
        $(this).append('aaa').append($('<input/>').attr('type', 'text'));
        ...
        $(this).find('input[name=aaclick]').click(...);
    })
});

现在，您只能将<div class="filter"></div>放入html中，其余的将自动生成。

Answer 2

您可能需要一些模板工具。

Answer 3

一种方法是将它们分成css，js和html文件，命名相应，这样你就知道它们是相关的。

然后使用代码将它们添加到您的页面，使用标准方法，从而允许您将功能保持在一起。

Answer 4

如果ASP.NET只是构建用户控件，请将整个“重复”块原样放在.ascx文件中，然后在需要它的任何地方显示<UC:MyBlock runat="server" />，就是这样 - 可靠的100％，灵活..真的没有理由搞乱客户端模板，jQuery插件等。

重复代码块

4 个答案: