如何将自定义代码与drupal合并

时间:2013-12-14 10:07:12

标签: javascript jquery html drupal drupal-7

我正在尝试将jquery滑块代码添加到我的drupal站点,位于我网站的其中一个块中。

但是我无法将我的代码添加到drupal site&让它工作。

如何将自定义代码添加到drupal站点。

我该如何解决这个问题?

代码:

<script src="js/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".featured1").slideUp(7000);
});
</script>

<div class="featured1"><img src="images/2.png"></div>

2 个答案:

答案 0 :(得分:3)

  1. theme_folder/js中创建js文件,例如scripts.js,将您的代码放入该文件,打开主题的.info文件并添加scripts[]=js/scripts.js
  2. 按照我上面的说法创建一个js文件并打开你主题的template.php并放入

    drupal_add_js(drupal_get_path('theme', 'YOUR_THEME_NAME') . '/js/scripts.js', array('type' => 'file', 'group' => JS_THEME));
    
    YOUR_THEME_preprocess_page()中的

答案 1 :(得分:1)

避免在块中添加JS。使用主题中的文件(例如/sites/all/themes/your_theme/js/my_scripts.js)。许多Drupal主题包括一个使用Drupal JS行为(如Zen)的script.js。您还可以添加自己的自定义JS文件来修改your_theme.info文件(您可以找到所有示例)。

如果你真的想在一个块中添加JS,你可能会遇到JS别名问题,用“jQuery”替换“$”会有所帮助。但是,真的,不要这样做,维持下去会很糟糕:).... ....

祝你好运