Question

我正在使用Joomla和T3模板。我在</head>标记之前添加了以下“自定义代码”：

<style type="text/stylesheet">
  div.t3-sidebar.t3-sidebar-right{
    background: #F8F8F8 none repeat scroll 0% 0%;
    border: 1px solid rgb(238, 238, 238);
    border-radius: 20px;
  }
  button.btn.btn-primary.off-canvas-toggle{
    font-size: 28px;
  }
</style>
<script type="text/javascript">
  $(document).ready(function(){
    $("button.btn.btn-primary.off-canvas-toggle i.fa.fa-bars").addClass("fa-user").removeClass("fa-bars");
  });
</script>

当我使用我的浏览器开发工具时，我可以在头部看到那些标签，但是当我检查元素时，样式不会应用。

编辑：风格现在正在运行，我愚蠢地使用了错误的类型。感谢所有提出此更改的人。

关于脚本问题：我在控制台中没有出现任何错误。

最终编辑：解决了脚本问题。这是jQuery函数名称的问题（jQuery而不是$）或问题使用document.ready功能的括号。

Answer 1

您的CSS无效，因为

<style type="text/stylesheet">

应该是

<style type="text/css">

你的javascript无效，因为你没有导入jQuery。

导入jQuery有很多种方法，其中之一就是：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

Answer 2

应该是text / css

以下是修改后的代码。

<style type="text/css">
  div.t3-sidebar.t3-sidebar-right{
    background: #F8F8F8 none repeat scroll 0% 0%;
    border: 1px solid rgb(238, 238, 238);
    border-radius: 20px;
  }
  button.btn.btn-primary.off-canvas-toggle{
    font-size: 28px;
  }
</style>
<script type="text/javascript">
  $(document).ready(function(){
    $("button.btn.btn-primary.off-canvas-toggle i.fa.fa-bars").addClass("fa-user").removeClass("fa-bars");
  });
</script>

不应用头部内部样式和脚本

2 个答案: