小编Jar*_*red的帖子

我有一个悬停效果应用于div.它所做的只是增加鼠标中心的高度,降低鼠洞的高度.

作为一个单独的函数,我有一个点击效果应用于其中一个div:

$(function(){
    $( '#div1 a' ).click(function() {
        $( '.theRestofTheDivs' ).each(function() {
            $(this).animate({height: "30px"}, 200);
        })  
    });
});

它工作得很好,除非我鼠标移动,它会崩溃.显然那是因为我有以前的悬停效果.

点击后,我不想让它能够折叠,直到点击另一个带锚点的div.有任何想法吗？

编辑

提供的代码已经过简化,要在完整的上下文中查看,请访问http://www.raceramps.com/v2

将鼠标悬停在"全部浏览"上,然后单击它.我不希望它崩溃.

我正在调整一个网站,以便员工更容易编辑产品.现在,有人必须登录数据库并更改价格,然后有人必须更改网站本身的物理html.

所以我编写的代码将所有产品从数据库中提取出来,并将它们显示在可以编辑的页面上.我认为用Ajax做一切都是最好的.

ajaxRequest.open("GET",url,true); ajaxRequest.send(NULL);

问题是,我只知道如何使用URL处理Ajax请求(使用POST,GET等).我需要帮助编写代码以从数据库中提取信息并显示它.

表名是PRODUCTS.产品中包括ID,STOCK,SHORTNAME,DESCRIPTION,PRICE和SHIPPING列.

在HTML中,我有一个div设置:

<div class="product">

   <div class="productName">
   SHORTNAME, PRICE, SHIPPING
   </div>
   <div class="productDesc">
   ID, DESCRIPTION, STOCK
   </div>

</div>

我想设置它,所以如果我点击一个按钮,ajax会从PRODUCT中提取所有信息,并创建 .productNamediv.如果用户点击.productName,则会进一步展开以显示.productDesc.

问题:如何在按钮单击时使用AJAX查询数据库,并将信息放入元素中？

我无法为我的生活找出正确的选择器语法来使其工作.

我有一个div元素.使用$(this),如何选择<TD>具有a class="stock"但仅在$(this)div元素中的？

我有一些基本的PHP代码:

$raceramps56["short"] = "My Test Product";

$leftMenu = 

'<div class="leftMenuProductButton"><?PHP echo $raceramps56["short"] ?></div>';

不会回显PHP代码,只回显元素.我尝试过类似的东西

<div class="leftMenuProductButton">' . <?PHP echo $raceramps56["short"] ?>. '</div>';

哪只是回归 Parse error: parse error, unexpected '<'

所以我的问题是,我如何让这个工作,或采取另一种方法？

甚至不确定方法是否是正确的术语......

这是原始的工作代码:

<a href="<?php bloginfo('url'); ?>">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" alt="Polished Logo" id="logo"/></a>
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/separator.png" width="2" height="59" alt="Line" class="logo_line"/>
<p id="logo_title"><?php bloginfo('description'); ?></p>

我希望它只在主页上执行,所以我写了这个:

<? 
if ( $_SERVER["REQUEST_URI"] == '/' ){
echo '<a href="'.bloginfo('url').'">
<img src="'.bloginfo('stylesheet_directory').'/images/logo.png" alt="Polished Logo" id="logo"/></a>
<img src="'.bloginfo('stylesheet_directory').'/images/separator.png" width="2" height="59" alt="Line" class="logo_line"/>
<p id="logo_title">'.bloginfo('description').'</p>';
}
?>

但是它bloginfo()完全在我创建的html标签之外输出和其他声明.例如,bloginfo('stylesheet_directory')它将显示IMG我创建的标签之外的目录.

有任何想法吗？显然我的语法不正确或者......

我说我有一个字符串说and the cow went @moo,我只想选择moo ......我怎么会这样做？

HTML:

<div id="coin1"></div>

JS:

 $(document).ready(function(){

   function changeImage(){


if($("#coin1").css("display") == "none"){  
$("#coin1").fadeIn("slow");
}else{  
$("#coin1").fadeOut("slow");
}
};





       setInterval ( "changeImage()", 2000 );
});

我不能让这个工作...如果我只是做changeImage(); 它工作正常,但我想setInterval工作..任何想法？

谷歌不是我的朋友......也许我没有找到合适的条款.

我有一个javascript数组randomTagLine[0],randomTagLine[1]等等.如何获得数组中的变量总数？例如,我可以看到有23个,但我需要通过JS代码来解决这个问题...

提前致谢..

编辑

代码示例:

var randomTagline = new Array();
randomTagline[0] = "TEXT0";
randomTagline[1] = "TEXT1";
randomTagline[2] = "TEXT2";
//...
randomTagline[23] = "TEXT23";
var randomTaglineLength = randomTagLine.length;

var randomTaglineNum = randomXToY(0,randomTaglineLength,0);

alert(randomTaglineNum + " " + randomTaglineLength);

显然,如果jQuery选择器被多次使用,那么将它们存储在变量中是个好主意(如果只使用一次,这不是一个好主意).

我的问题是,如何在变量中存储多个可互换使用的选择器.

例如,假设我选择$('#object1, #object2),然后我选择`$('#object1').如何创建可与其他变量组合以创建多个选择器的变量.

如果我这样写:

var object1 = "#object1";
var object2 = "#object2";

$(object1  + "," + object2);

我只会引用字符串#object1,而不是实际的选择器.

那么如何在变量中存储多个选择器,以便它们可以互换使用？

我有以下代码:

<? 
$serverurl = $_SERVER["DOCUMENT_ROOT"];
$file = $serverurl.'/demo/sample_php.php';
$newfile = $serverurl.'/demo/sample_php.txt';
if (!copy($file, $newfile)) {
    echo "failed to copy $file...\n";
}
$homepage = file_get_contents($serverurl.'/demo/sample_php.txt');
?>

<pre class="code">
    <code class="php boc-html-script">
        <? echo htmlentities($homepage, ENT_QUOTES); ?>
        </code>
</pre>
<? unlink($newfile); ?>

这基本上将*.php文件复制到*.txt文件,显示内容,然后删除它.但是,我不想创建可见文件,因为应用程序旨在显示文件列表,然后显示文件的内容.如果文件以.txt扩展名出现,则会令人困惑.

我意识到我可以创建一个隐藏的文件夹,并在那里进行所有转换,但我认为必须有一种更有效的方式来显示php文件的内容.

我做了一些实验tmpfile(),但是我无法获得写入它的php文件的内容.

有任何想法吗？

这是我的HTML:

                <div id="leftMenuWrapper">
                    <div id="ramps" class="leftMenuHeaderButton"></div>
                    <div id="carServiceRamps" class="leftMenuSubButton"></div> <div class="clear"></div>
                    <div id="67RaceRampsXT" class="leftMenuProductButton"></div>
                </div>

这是我的CSS:

#leftMenuWrapper{
background:url(../images/main_elements/leftMenu_BG.jpg) repeat-y;
border:#777777 thin solid;
width:160px;
margin-left:-19px;
position:absolute;
padding-bottom:5px;
}

.leftMenuHeaderButton{
width:175px;
height:35px;
position:relative;
top:-16px;
left:-11px;
}
    #ramps{
    background:url(../images/main_elements/leftMenu/Ramps.png) no-repeat;
    }


.leftMenuSubButton{
width:169px;
height:21px;
position:relative;
float:right;
left:1px;
}
    #carServiceRamps{
    background:url(../images/main_elements/leftMenu/car-service-ramps.png) no-repeat;
    }

.leftMenuProductButton{
width:160px;
height:20px;
clear:both
}

    #67RaceRampsXT{
    background:url(../images/main_elements/leftMenu/67-Race-Ramp-XTs.jpg) no-repeat;
    width:160px;
    height:20px;
    }

.clear{clear:both}

一切正常,除了 <div id="67RaceRampsXT" class="leftMenuProductButton"></div>不显示它的BG图像(它甚至不会显示BG颜色).元素在那里,因为如果我调整大小,它会相应地调整,但它不会在FF或Chrome中显示图像.

我可以把<IMG>它放在里面没有问题,我甚至可以分配一个BG .leftMenuProductButton但不是#67RaceRampsXT