Question

我正在尝试将jquery函数加载到我的wordpress

这是我做的事情

函数.php中的

添加了以下代码

function my_city_script() {         
    wp_enqueue_script( 'city-script', '/cities.js', array ( 'jquery' ), 1.1, true);
}
add_action( 'wp_enqueue_scripts', 'my_city_script' );

my cities.JS文件如下

(function($) {
$("#sel_State").change(function() {
  $("#sel_City").load("load_cities.php?choice=" + $("#sel_State").val());
})

})( jQuery );

和我的wordpress内的页面编码如下

<select id="sel_State" name="sel_State" aria-labelledby="State-ariaLabel" class="required" title="State. *">
      <option value="Alabama">Alabama</option>
      <option value="Alaska">Alaska</option>
      <option value="Arizona">Arizona</option>
       ... etc
</select>
<select id="sel_City" name="sel_City" class="required" title="City. *">
</select>

在php文件旁边加载城市，如下所示

include '../DBConfig.php';
$choice = $_GET['choice'];
$sql = "SELECT distinct city FROM zy_virtualuser WHERE state ='$choice' order by city"; 

$result = $conn->query($sql);

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        echo "<option>" . $row['city'] . "</option>";
    }
} 

$conn->close();

一切都在wordpress之外完美运行，但在wordpress 2面临的问题 1-加载到城市的变更事件没有任何内容。 2-当改变到任何状态时加载速度非常慢。

Answer 1

检查你是否已经包含了两次jQuery。

此外，您可以从#theToCopyETH{ color: white; border: 0px solid white; } ::selection{ background: white; color: white; }中删除true并检查jQuery冲突。同时更改版本号。

<button class="btn btn-coinchecker" id="copyETH">Copy ETH address</button><button class="btn btn-coinchecker" data-toggle="modal" data-target="#showETHQR">Click me to get the QR-code</button>
        <input type="text" id="theToCopyETH" value="*********************">

jquery和wordpress不起作用

1 个答案: