Question

假设我有几个使用单个日期选择器的网页。另外，我有另一个网页，我需要在同一页面上使用3个日期选择器。

那么如何管理java脚本id引用呢？我应该在_layout.xml中使用这样的单一脚本吗？

<script>
        $(document).ready(function () {            
            $("#datepicker1").datepicker();
            $("#datepicker2").datepicker();
            $("#datepicker3").datepicker();
        });
    </script>

所有页面（除了多个页面）都有：

 <div id="datepicker1"></div>

并且倍数将具有：

 <div id="datepicker1"></div>
 <div id="datepicker2"></div>
 <div id="datepicker3"></div>

我来自OO编程，有些东西不适合这里。 web \ js世界中对这个常见用例的约定是什么？

编辑：mmultiple datepicker页面脚本有不同的设置...

Answer 1

这取决于。如果它们都使用完全相同的设置，请使用类：

<div class="datepicker"></div>

然后

$('.datepicker').datepicker();

这将处理类datepicker上的所有内容，无论有多少（一，三，一万[虽然这可能会使页面非常慢]）。

如果他们需要不同的设置，那么您需要坚持使用ID，并将其全部初始化，就像您在问题中所示。

Answer 2

如果他们都以相同的方式初始化插件，我会使用类而不是ID：

<script> 
$(document).ready(function () {
    $(".datepicker").datepicker();
}); 
</script>

HTML

<div class="datepicker"></div>
<div class="datepicker"></div>
<div class="datepicker"></div>

如何管理不同页面和需求之间的java脚本引用

2 个答案: