XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Javascript & Ajax (http://xhtmlforum.de/forumdisplay.php?f=83)
-   -   Skript in vorhandene Datei einbinden (http://xhtmlforum.de/showthread.php?t=73199)

Sabine1 08.04.2017 11:14

Skript in vorhandene Datei einbinden
 
Hallo
ich habe eine js-Datei mit folgendem Inhalt
Code:

jQuery(document).ready(function(){
        jQuery("#scroll-up").hide();
        jQuery(function () {
                jQuery(window).scroll(function () {
                        if (jQuery(this).scrollTop() > 1000) {
                                jQuery('#scroll-up').fadeIn();
                        } else {
                                jQuery('#scroll-up').fadeOut();
                        }
                });
                jQuery('a#scroll-up').click(function () {
                        jQuery('body,html').animate({
                                scrollTop: 0
                        }, 800);
                        return false;
                });
        });
});

Und in diese Datei möchte ich die folgenden beiden Skripte integrieren:

Code:

<script>
(function($){$.fn.responsinatr=function(options){var settings=$.extend({target:"iframe",wrapperClass:"responsinatr"},options);$(window).on("load",function(){$(settings.target).each(function(){$(this).wrap('<div class="'+settings.wrapperClass+'"></div>');console.log("wrapper class added!")})});$(window).on("load resize",function(){$(settings.target).each(function(){var $oldHeight=$(settings.target).attr("height");var $oldWidth=$(settings.target).attr("width");var $newWidth=$(settings.target).parent().width();var $newHeight=$oldHeight/$oldWidth*$newWidth;$("."+settings.wrapperClass).find("iframe").css({height:$newHeight+"px",width:$newWidth+"px"});console.log("height/width values added!")})})}})(jQuery);
</script>
<script>
$(function(){
    $('body').responsinatr();
});
</script>

Könnte mir bitte jemand mitteilen, wie ich das machen muss?

protonenbeschleuniger 08.04.2017 11:50

Das kannst du genauso benutzen wie du es schreibst. Die Funktion ready von jQuery kannst du mehrfach aufrufen.

Sabine1 08.04.2017 12:07

Vielen Dank für deine Antwort!
Hätte nicht gedacht, dass das so funktioniert.


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:31 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023