小编Kir*_*nna的帖子

我们可以用HTML创建自定义或可重用的组件吗？

我的页面具有帐户搜索功能,使用HTML,JS,jQuery代码实现.我的页面包括不同地方的帐户搜索.(功能同样艰难).每次使用时,只有div的ID会发生变化.

那么我们可以在HTML中提出一些组件吗？

同样,在单独的文件中编写代码并包括在不同的位置不会在每个区域更改ID.我们调用服务器,获取数据和更新字段等ID很重要.

下面的示例适用于启用/禁用href但不适用于onclick.我需要启用/禁用这两个属性

注意:一旦我们启用它,我就不能简单地将onclick事件移除/绑定到dummy function().

脚本代码:

<script type="text/javascript">
 $(document).ready(function () {
     $("#b1").click(function () {
         $("#yahoo").attr("disabled", "disabled");
         $("#yahoo").css("background-color", "silver");
     })

     $("#b2").click(function () {
         $("#yahoo").removeAttr("disabled");
         $("#yahoo").css("background-color", "white");
     })

     $("#yahoo").click(function (e) {
         if ($("#yahoo").attr("disabled") == "disabled") {
             e.preventDefault();
         }
     });
 });
</script>

HTML代码:

 <div>
   <input type="button" id="b1" value="Disable Yahoo Link"> 
   <input type="button" id="b2" value="Enable Yahoo Link">    
 </div>    
 <a id="yahoo" target="_blank" href="javascript:alert('href alert')" onclick="javascript:alert('onclick alert')">Yahoo.com</a>

工作实例 http://jsfiddle.net/nunnakirankumar/suYe4/