0

ここでも私が使用する完全なコードがありますが、css なしで、これら 2 つの JavaScript のみを実行したいのですが、編集した完全なコードを送ってもらえますか?

ここに私のデモページがありますhttp://iscree.orgfree.com

ここにjquery-1.4.2.jsがありますが、同じページではなく、指定ページにある場合、両方のコードで機能します!

<script type="text/javascript" src="http://www.iscreen.orgfree.com/js/jquery-1.4.2.js"></script>
<style type="text/css">a {text-decoration: none}</style>


<!Here is js1---------->
<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){
jQuery(document).ready(function(){
    jQuery('#hideshow').live('click', function(event) {        
         jQuery('#content').toggle('show');
    });
});
});//]]>  
</script>
<!Here is js1---------->

<!Here is js2---------->
<script type='text/javascript'>//<![CDATA[ 
$(windows).load(function(){
              // Optional code to hide all divs
            $("div").hide();
              // Show chosen div, and hide all others
            $("input").click(function () 
            {
                $("#" + $(this).attr("class")).show().siblings('div').hide();
            });

});//]]>  
</script>
<!Here is js2---------->



<!Here example1---------->
  Click a button to make it visible:<br /><br />
<input type="button" value="One" class="one" />
<input type="button" value="Two" class="two" />
<input type="button" value="Three" class="three" />
<input type="button" value="Four" class="four" /><br /><br />

        <div id="one">One</div>
        <div id="two">Two</div>
        <div id="three">Three</div>
        <div id="four">Four</div><br/><br/>
<!Here example1---------->



<!Here example2---------->
<a href="#" id='hideshow'>here</a>


<div id='content' class="content" style="display: none;">

<div id="container" style="width:300px">
<div id="title" style="background-color:#161616;">
<center><h1 style="margin-bottom: 0; color: white;">iScreen Desktop</h1></center>
</div>

<div id="row1left" style="background-color:#636262;height: 150px;width:150px;float:left;">
<center><a href="#" class="topopup">Some text</a></center>
</div>

<div id="row1right" style="background-color:#161616;color: white;height: 150px;width:150px;float:left;">
<p>Content goes here</p>
</div>

<div id="row2left" style="background-color:#636262;height: 60px;width:150px;float:left;">
<center><form name="tokey"><input type="text" name="key" onblur="if (this.value == '') {this.value = 'Kerko';}" onfocus="if(this.value == 'Kerko') {this.value = '';}" value="Kerko" size="10"><input type="button" onClick="ToKey()" value="Go"></form></center>
</div>

<div id="row2right" style="background-color:#161616;color: white;height: 55px;width:150px;float:left;">
<center><a href="logout.php"><img src="./users/desktop/img/shdown.png" height="19" width="19"> <font size="5" style="color: white">Shkyqu</font></a></center>
</div>

<div id="footer" style="background-color:#161616;color: white;clear:both;text-align:center;">
By SMKproduction.eu5.org</div>
</div>
</div>


<!Here example2---------->
4

2 に答える 2

0

それらを document.ready に入れるだけです

    $(document).ready(function () {
        jQuery('#hideshow').live('click', function (event) {
                jQuery('#content').toggle('show');
        });

        $("div").hide();

        $("input").click(function () {
                $("#" + $(this).attr("class")).show().siblings('div').hide();
        });
});
于 2013-08-28T10:47:12.603 に答える