整合PHP站点和jQuery

Question

我正在用一个插件将一个PHP站点集成到我的Wordpress安装中。这工作得很好。现在，我尝试使用“jQuery”用mySQL DB中的数据更新下拉列表：

​

<script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function() {
        
    	jQuery("#parent_cat").change(function() {
    		jQuery(this).after('<div id="loader"><img src="img/loading.gif" alt="loading subcategory" /></div>');
    		jQuery.get('loadsubcat.php?parent_cat=' + $(this).val(), function(data) {
    			jQuery("#sub_cat").html(data);
    			jQuery('#loader').slideUp(200, function() {
    				jQuery(this).remove();
    			});
    		});	
        });

    });
    </script>

​

html部分：

form method="get">
    <label for="category">Hauptkategorie</label>
    <select name="parent_cat" id="parent_cat">
        <?php while($row = mysql_fetch_array($query_parent)): ?>
        <option value="<?php echo $row['cat_id']; ?>"><?php echo $row['category']; ?></option>
        <?php endwhile; ?>
    </select>
    <br/><br/>

    <label>Unterkategorie</label>
    <select name="sub_cat" id="sub_cat"></select>
</form>

当使用“正常”的(www.mysitename.com/wp-content/themes/theme/upload.php) URL调用页面时，一切都正常。但是当我从"Wordpress - URL“(www.mysitename.com/upload)调用页面时，第二个下拉列表将永远不会被填充。

我必须调用下面的例程吗?尽管我正在将php端集成到我的wordpress应用程序中？

​

<?php
function my_scripts_method() {
    wp_deregister_script( 'jquery' );
    wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
    wp_enqueue_script( 'jquery' );
}    

add_action('wp_enqueue_scripts', 'my_scripts_method');
?>

​

致以亲切的问候，

斯特凡

Answer 1

​

    <script type="text/javascript" src="http://domainname.com/wp-content/themes/lawyerplus/js/jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
    
	jQuery("#parent_cat").change(function() {
		jQuery(this).after('<div id="loader"><img src="http://www.domainname.com/wp-content/themes/lawyerplus/img/loading.gif" alt="loading subcategory" /></div>');
		jQuery.get('http://domainname.com/wp-content/themes/lawyerplus/loadsubcat.php?parent_cat=' + $(this).val(), function(data) {
			jQuery("#sub_cat").html(data);
			jQuery('#loader').slideUp(200, function() {
				jQuery(this).remove();
			});
		});	
    });

});
</script>

​

要运行jquery，链接必须是绝对的！